{"id":800,"date":"2016-11-29T18:08:56","date_gmt":"2016-11-29T09:08:56","guid":{"rendered":"http:\/\/gomocool.net\/gomokulog\/?p=800"},"modified":"2016-11-29T18:08:56","modified_gmt":"2016-11-29T09:08:56","slug":"javascript%e3%81%a7%e6%97%a5%e4%bb%98%e3%81%a8%e6%99%82%e9%96%93%e3%81%ae%e6%93%8d%e4%bd%9c%e3%81%afmoment-js","status":"publish","type":"post","link":"https:\/\/gomokulog.gomocool.net\/?p=800","title":{"rendered":"JavaScript\u3067\u65e5\u4ed8\u3068\u6642\u9593\u306e\u64cd\u4f5c\u306fMoment.js"},"content":{"rendered":"<p>JavaScript\u306710\u65e5\u5f8c\u3092\u6c42\u3081\u308b\u3068\u304d\u306e\u8a08\u7b97\u304c\u3001\u4ee5\u4e0b\u306e\u69d8\u306a\u611f\u3058\u3060\u3063\u305f\u6642\u306b\u5acc\u60aa\u611f\u3092\u899a\u3048\u305f\u65b9\u306f\u4f55\u4eba\u3044\u308b\u3060\u308d\u3046\u304b\u3002<\/p>\n<pre class=\"lang:js decode:true\">var dt = new Date();\r\ndt.setDate(dt.getDate() + 10);<\/pre>\n<h2>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb<\/h2>\n<p>CDN\u306b\u3042\u3063\u305f\u306e\u3067\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u308c\u3070Web\u306a\u3089\u52d5\u304f\u3002<\/p>\n<pre class=\"lang:default decode:true\">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/moment.js\/2.17.0\/moment-with-locales.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>CDN\u4ee5\u5916\u3067\u4f7f\u3046\u5834\u5408\u306f\u4ee5\u4e0b\u53c2\u8003<\/p>\n<p><a href=\"http:\/\/momentjs.com\/docs\/#\/use-it\/\" target=\"_blank\">http:\/\/momentjs.com\/docs\/#\/use-it\/<\/a><\/p>\n<h2>\u3056\u3063\u304f\u308a\u3057\u305f\u4f7f\u3044\u65b9<\/h2>\n<pre class=\"lang:js decode:true\">moment.locale(\"ja\"); \/\/\u65e5\u672c\u8a9e\u306b\u8a2d\u5b9a\r\n\r\nvar dt = moment(\"2016\/11\/29\"); \/\/\u6587\u5b57\u5217\u304b\u3089\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u751f\u6210\r\nconsole.log(dt.format(\"YYYY\/MM\/DD(ddd)\"))  \/\/2016\/11\/29(\u706b)\r\n\r\ndt.add(10,'d');  \/\/10\u65e5\u5f8c\r\nconsole.log(dt.format(\"YYYY\u5e74 MMM Do dddd\"));  \/\/2016\u5e74 12\u6708 9\u65e5 \u91d1\u66dc\u65e5<\/pre>\n<p>\u3053\u308c\u3060\u3051\u3067\u4f7f\u3046\u4fa1\u5024\u304c\u304c\u3042\u308b\u3068\u5224\u65ad\u3067\u304d\u308b\u3002<\/p>\n<p>\u3080\u3057\u308d\u3001JavaScript\u306eDate\u304c\u3053\u3046\u9032\u5316\u3059\u308b\u3079\u304d\u306a\u3093\u3067\u306f\u30fb\u30fb\u30fb\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>\u629c\u7c8b<\/h2>\n<p>\u4ee5\u4e0b\u516c\u5f0f\u30b5\u30a4\u30c8\u304b\u3089\u3001\u3088\u304f\u4f7f\u3044\u305d\u3046\u306a\u3082\u306e\u3060\u3051\u304b\u3044\u3064\u307e\u307f\u3002<br \/>\n\u91cf\u304c\u591a\u3044\u306e\u3067\u3001\u8a73\u3057\u304f\u306f<a href=\"http:\/\/momentjs.com\/docs\/\" target=\"_blank\">\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/a>\u3092\u307f\u3066\u304f\u3060\u305b\u3002<\/p>\n<h3>Parse<\/h3>\n<p>\u4eca\u65e5<\/p>\n<pre class=\"lang:js decode:true\">var now = moment();<\/pre>\n<p>now\u306b\u306f\u3001moment\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u5165\u308b\u3002<\/p>\n<p>\u6587\u5b57\u5217\u304b\u3089<\/p>\n<pre class=\"lang:js decode:true \">moment(\"2015\/11\/10\");\r\nmoment(\"2016-11-10 10:11:12\");\r\nmoment(\"20161110\");\r\nmoment(\"20161110T101015\");<\/pre>\n<p>\u6587\u5b57\u5217\u3068\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u304b\u3089<\/p>\n<p>\u3053\u308c\u304c\u4e2d\u3005\u3044\u3044\u3002<\/p>\n<pre class=\"lang:js decode:true \">moment(\"11-10-2016\",\"MM-DD-YYYY\");\r\nmoment(\"2010-10-20 4:30\",\"YYYY-MM-DD HH:mm\");\r\nmoment(\"1234\",\"hmm\");<\/pre>\n<p>\u6587\u5b57\u5217\u3068\u8907\u6570\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u304b\u3089<\/p>\n<p>\u8907\u6570\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u3046\u3061\u306e\u3069\u308c\u304b\u306b\u30d2\u30c3\u30c8\u3059\u308c\u3070\u89e3\u6790\u3067\u304d\u308b\u3002<\/p>\n<pre class=\"lang:js decode:true\">moment(\"12-25-1995\", [\"MM-DD-YYYY\", \"YYYY-MM-DD\"]);\r\n<\/pre>\n<p>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304b\u3089<\/p>\n<pre class=\"lang:js decode:true \">moment({year:2000, month:0, day:1, minute:10, seconds:10, millisecond:123});\r\nmoment({y:2000, M:0, d:1, m:10, s:10, ms:123});<\/pre>\n<p>\u3082\u3061\u308d\u3093\u5f93\u6765\u306eDate\u3082<\/p>\n<pre class=\"lang:js decode:true \">var day = new Date(2011, 9, 16);\r\nvar dayWrapper = moment(day);<\/pre>\n<p>&nbsp;<\/p>\n<h3>Get + Set<\/h3>\n<p>\u30b2\u30c3\u30bf\u30fc\u3068\u30bb\u30c3\u30bf\u30fc\u306f\u3001\u5f15\u6570\u7121\u3057\u3067\u30b2\u30c3\u30bf\u30fc\u3067\u6709\u308a\u3067\u30bb\u30c3\u30bf\u30fc\u3002<\/p>\n<pre class=\"lang:js decode:true\">moment(\"2016\/11\/10 11:11:10\").year();\r\nmoment(\"2016\/11\/10 11:11:10\").month();  \r\nmoment(\"2016\/11\/10 11:11:10\").date();  \r\nmoment(\"2016\/11\/10 11:11:10\").hour();  \r\nmoment(\"2016\/11\/10 11:11:10\").minute(); \r\nmoment(\"2016\/11\/10 11:11:10\").second();  \r\nmoment(\"2016\/11\/10 11:11:10\").millisecond();\r\n\r\nmoment(\"2016\/11\/10 11:11:10\").seconds(15); \/\/ 2016\/11\/10 11:11:15\r\nmoment(\"2016\/11\/10 11:11:10\").date(31));  \/\/11\u670831\u65e5\u306f\u7121\u3044\u306e\u306712\u67081\u65e5\u306b\u7e70\u308a\u4e0a\u3052\r\nmoment(\"2016\/11\/10 11:11:10\").month(0));  \/\/month\u306fDate\u3068\u540c\u3058\u30670\u304c1\u6708<\/pre>\n<h3>Durations<\/h3>\n<p>moment\u306f\u65e5\u6642\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u4ee5\u5916\u306b\u6642\u9593\u9593\u9694\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306b\u3082\u306a\u308b\u3002<\/p>\n<pre class=\"lang:js decode:true\">var dur1 = moment.duration(\"11:11:10\");\r\nvar dur2 = moment.duration({hours:11, minutes:11, seconds:10});\r\nconsole.log(dur.seconds()); \/\/10\r\nconsole.log(dur.asSeconds()); \/\/40270<\/pre>\n<h3>Manipulate<\/h3>\n<p>\u52a0\u7b97<\/p>\n<pre class=\"lang:js decode:true\">moment(\"2016\/11\/10\").add(15,\"d\");\r\nmoment(\"2016\/10\/31\").add(31,\"d\");\r\nmoment(\"2016\/10\/29\").add(1,\"M\");\r\nmoment(\"2016\/12\/31\").add(10,\"s\");\r\nmoment(\"2016\/11\/10\").add(1,\"w\");\r\n\r\nvar dur = moment.duration(1,\"y\");\r\nconsole.log(moment(\"2016\/11\/10\").add(dur).format(\"YYYY\/MM\/DD\")); \/\/2017\/11\/10<\/pre>\n<p>\u6e1b\u7b97<\/p>\n<pre class=\"lang:js decode:true\">moment(\"2016\/11\/10\").subtract(1,\"d\");\r\nmoment(\"2016\/11\/10\").subtract(1,\"y\");<\/pre>\n<p>Start of Time<\/p>\n<pre class=\"lang:js decode:true \">moment(\"2016\/11\/10\").startOf(\"y\"); \/\/2016\/01\/01 00:00:00 \u5e74\u306e\u59cb\u307e\u308a\r\nmoment(\"2016\/11\/10\").startOf(\"M\"); \/\/2016\/11\/01 00:00:00 \u6708\u306e\u59cb\u307e\u308a\r\nmoment(\"2016\/11\/10\").startOf(\"d\"); \/\/2016\/11\/10 00:00:00 \u65e5\u306e\u59cb\u307e\u308a<\/pre>\n<p>End of Time<\/p>\n<pre class=\"lang:js decode:true \">moment(\"2016\/11\/10\").endOf(\"y\"); \/\/2016\/12\/31 23:59:59 \u5e74\u306e\u7d42\u308f\u308a\r\nmoment(\"2016\/11\/10\").endOf(\"M\"); \/\/2016\/11\/30 23:59:59 \u6708\u306e\u7d42\u308f\u308a\r\nmoment(\"2016\/11\/10\").endOf(\"d\"); \/\/2016\/11\/10 23:59:59 \u65e5\u306e\u7d42\u308f\u308a<\/pre>\n<h3>Clone<\/h3>\n<p>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306a\u306e\u3067\u3001add\u3059\u308b\u3068\u305d\u308c\u81ea\u4f53\u304c\u52a0\u7b97\u3055\u308c\u308b\u3051\u3069\u8ffd\u52a0\u3055\u308c\u306a\u304f\u7121\u3044\u5834\u5408\u306f\u3001clone\u3067\u5225\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u308b\u3002<\/p>\n<pre class=\"lang:js decode:true \">var y2016m01d01 = moment(\"2016\/1\/1\");\r\nvar s_y2016m01d01 = y2016m01d01.clone();\r\ny2016m01d01.add(1,\"d\")\r\nconsole.log(y2016m01d01.format());\r\nconsole.log(s_y2016m01d01.format());<\/pre>\n<p>moment\u306bmoment\u3064\u3063\u3053\u3093\u3067\u3082clone\u306b\u306a\u308b\u3002<\/p>\n<pre class=\"lang:js decode:true \">var a = moment([2012]);\r\nvar b = moment(a);\r\na.year(2000);\r\nb.year(); \/\/ 2012<\/pre>\n<h3>Validation<\/h3>\n<p>\u5b58\u5728\u3057\u306a\u3044\u65e5\u6642\u3092\u5165\u308c\u308b\u3068\u3001Invalid date\u306b\u306a\u308b\u3002<\/p>\n<pre class=\"lang:js decode:true \">moment(\"2016\/13\/31\").format();  \/\/Invalid date\r\nmoment(\"2016\/13\/31\").isValid();  \/\/false<\/pre>\n<h3>Query<\/h3>\n<p>Is Same<\/p>\n<pre class=\"lang:default decode:true \">moment('2010-10-20').isSame('2010-10-20'); \/\/ true<\/pre>\n<p>Is Between<\/p>\n<pre class=\"lang:js decode:true\">moment('2010-10-20').isBetween('2010-10-19', '2010-10-25'); \/\/ true<\/pre>\n<h3>Display<\/h3>\n<p>format<\/p>\n<pre class=\"lang:default decode:true\">moment(\"2016\/11\/29\").format(\"YYYY\/MM\/DD(ddd)\"))  \/\/2016\/11\/29(\u706b)<\/pre>\n<p>Days in Month<\/p>\n<p>\u6708\u306e\u65e5\u6570<\/p>\n<pre class=\"lang:default decode:true\">moment(\"2012-02\", \"YYYY-MM\").daysInMonth() \/\/ 29<\/pre>\n<p>As Javascript Date<\/p>\n<p>JavaScript\u306eDate\u306e\u53d6\u5f97<\/p>\n<pre class=\"lang:default decode:true\">moment().toDate();<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u7d20\u6674\u3089\u3057\u3044\u3002<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript\u306710\u65e5\u5f8c\u3092\u6c42\u3081\u308b\u3068\u304d\u306e\u8a08\u7b97\u304c\u3001\u4ee5\u4e0b\u306e\u69d8\u306a\u611f\u3058\u3060\u3063\u305f\u6642\u306b\u5acc\u60aa\u611f\u3092\u899a\u3048\u305f\u65b9\u306f\u4f55\u4eba\u3044\u308b\u3060\u308d\u3046\u304b\u3002 var dt = new Date(); dt.setDate(dt.getDate() + 10); \u30a4&hellip;  <a href=\"https:\/\/gomokulog.gomocool.net\/?p=800\" class=\"more-link\">more <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":["post-800","post","type-post","status-publish","format-standard","hentry","category-html-css-javascript"],"_links":{"self":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=800"}],"version-history":[{"count":4,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/800\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=\/wp\/v2\/posts\/800\/revisions\/804"}],"wp:attachment":[{"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gomokulog.gomocool.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}