{"id":5613,"date":"2019-09-14T15:29:08","date_gmt":"2019-09-14T06:29:08","guid":{"rendered":"https:\/\/east19-mikas.com\/?p=5613"},"modified":"2024-08-17T18:01:37","modified_gmt":"2024-08-17T09:01:37","slug":"js%e3%82%ab%e3%83%ac%e3%83%b3%e3%83%80%e3%83%bc","status":"publish","type":"post","link":"https:\/\/east19-mikas.com\/mpat\/?p=5613","title":{"rendered":"JS\u30ab\u30ec\u30f3\u30c0\u30fc"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">JS\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u3064\u3044\u3066<\/h2>\n\n\n\n<p>baserCMS\u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u306f\u3001\u6295\u7a3f\u7528\u5c02\u7528\u30ab\u30ec\u30f3\u30c0\u30fc\u3067\u3059\u3002PHP\u30ab\u30ec\u30f3\u30c0\u30fc\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u898b\u5f53\u305f\u308a\u307e\u305b\u3093<br>\u4ed5\u65b9\u306a\u304fJS\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u5b9f\u88c5\u3057\u3066\u307f\u307e\u3057\u305f\u3002\u30fb\u30fb\u30fb\u5f53\u30b5\u30a4\u30c8\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u306b\u3082\u8868\u793a\u3057\u3066\u307f\u307e\u3057\u305f\uff01<br>\u6539\u826f\u304c\u5fc5\u8981\u306a\u70b9\u3082\u591a\u3005\u3042\u308a\u307e\u3059\u304c\u3001\u4eca\u306e\u6240\u3001\u3053\u308c\u3067\u904b\u7528\u3057\u3066\u3044\u307e\u3059\u3002\uff08\u5f53\u30b5\u30a4\u30c8\u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4eca\u306e\u6240\u5185\u90e8\u5411\u3051\u30b5\u30a4\u30c8\u3067\u3059\uff09<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-background has-link-color wp-elements-68e92f98f866bee3e7be166777d1f9ef\" style=\"background-color:#444444\">&lt;style&gt;<br>table.calen { border-collapse:collapse; font-size:1.2em; }<br>table.calen th { border:1px solid #ccc; height:33px;text-align:center; }<br>table.calen td { border:1px solid #ccc; text-align:center; height:25px; width:45px; }<br>table.calen .sat { color:blue; }<br>table.calen .sun { color:red; }<br>table.calen .today { background-color:#FF9; font-weight:600; }<br>\/* table.calen tr.bg1 { background-color:#f5f5dc; }<br>table.calen tr.bg2 { background-color:#eeeeee; } *\/<br>&lt;\/style&gt;<br>&lt;script&gt;<br>window.onload = function() {<br>showCalen(0);<br>}<br>&lt;\/script&gt;<br>&lt;div style=&#8221;margin-left:8px;margin-bottom:10px;&#8221;&gt;<br>&lt;div id=&#8221;calen&#8221;&gt;&lt;\/div&gt;<br>&lt;div align=&#8221;center&#8221; style=&#8221;margin-top:12px;&#8221;&gt;<br>&lt;p&gt;&lt;input type=&#8221;button&#8221; value=&#8221;\u524d\u6708&#8221; onclick=&#8221;showCalen(-1)&#8221;&gt;<br>&lt;input type=&#8221;button&#8221; value=&#8221;\u4eca\u6708&#8221; onclick=&#8221;showCalen(0)&#8221;&gt;<br>&lt;input type=&#8221;button&#8221; value=&#8221;\u6b21\u6708&#8221; onclick=&#8221;showCalen(1)&#8221;&gt;&lt;\/p&gt;&lt;\/div&gt;<br>&lt;\/div&gt;<br>&lt;script type=&#8221;text\/javascript&#8221;&gt;<br>var monthdays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);<br>var days = new Array(&#8220;\u65e5&#8221;, &#8220;\u6708&#8221;, &#8220;\u706b&#8221;, &#8220;\u6c34&#8221;, &#8220;\u6728&#8221;, &#8220;\u91d1&#8221;, &#8220;\u571f&#8221;);<br>\/\/ \u795d\u65e51\uff1a\u4f55\u6708\u306e\u4f55\u65e5\u304b\uff1f<br>var Holidays1 = new Array(1,1, 2,11, 3,21, 4,29, 5,3, 5,4, 5,5, 8,11, 9,23, 11,3, 11,23, 12,23);<br>\/\/ \u795d\u65e52\uff1a\u4f55\u6708\u306e\u7b2c\u4f55\u6708\u66dc\u65e5\u304b\uff1f<br>var Holidays2 = new Array(1,2, 7,3, 9,3, 10,2);<br>\/\/ \u73fe\u5728\u306e\u5e74\u3001\u6708\u3001\u65e5\u306e\u53d6\u5f97<br>var now = new Date();<br>var thisYear = now.getFullYear();<br>var thisMonth = now.getMonth() + 1;<br>var today = now.getDate();<br>\/\/ \u8868\u793a\u5e74\u6708\u306e\u8a18\u61b6<br>var year = thisYear;<br>var month = thisMonth;<br>function showCalen(n) {<br>if (n==0) {<br>year = thisYear;<br>month = thisMonth;<br>}<br>else {<br>month += n;<br>}<br>if (month == 0) { year&#8211;; month=12; }<br>else if (month == 13) { year++; month = 1; }<br>var flag = (year == thisYear &amp;&amp; month == thisMonth) ? 1: 0;<br>var date = new Date(year, month-1, 1); \/\/ \u8868\u793a\u6708\u306e 1\u65e5\u306e Date()<br>var startDay = date.getDay();<br>var dateMax = monthdays[month &#8211; 1];<br>if (month == 2 &amp;&amp; ((year%4 == 0 &amp;&amp; year%100 != 0) || year%400 == 0)) dateMax = 29;<br>\/\/ \u4f11\u65e5\u914d\u5217\u306e\u521d\u671f\u5316<br>var holidays = new Array();<br>for (var i = 0; i &lt;= dateMax; i++) holidays[i] = 0;<br>\/\/ \u795d\u65e51 \u306e\u51e6\u7406<br>var firstSunday = (startDay == 0) ? 1: 8 &#8211; startDay;<br>for (i = 0; i &lt; Holidays1.length; i += 2) {<br>if (Holidays1[i] == month) {<br>holidays[Holidays1[i+1]] = 1;<br>for (var j = firstSunday; j &lt; dateMax; j += 7)<br>if (Holidays1[i+1] == j ) { holidays[j+1] = 1; break; } \/\/ \u632f\u66ff\u4f11\u65e5<br>}<br>}<br>\/\/ \u795d\u65e52 \u306e\u51e6\u7406<br>var mondays = new Array();<br>var firstMonday = (startDay &lt; 2) ? 2 &#8211; startDay: 9 &#8211; startDay;<br>for (i = 0; i &lt; Holidays2.length; i += 2)<br>if (Holidays2[i] == month) holidays[(Holidays2[i+1] &#8211; 1) * 7 + firstMonday] = 1;<br>var htmlStr = &#8220;&lt;table class=&#8217;calen&#8217;&gt;\\n&#8221; + &#8220;&lt;tr class=&#8217;bg1&#8242;&gt;&lt;th colspan=7&gt;&#8221;<br>+ year + &#8220;\u5e74 &#8221; + month + &#8220;\u6708&lt;\/th&gt;&lt;\/tr&gt;\\n&#8221;;<br>htmlStr += &#8220;&lt;tr class=&#8217;bg2&#8242;&gt;&lt;th class=&#8217;sun&#8217;&gt;&#8221; + days[0] + &#8220;&lt;\/th&gt;&#8221;;<br>for (i = 1; i &lt; 6; i++) htmlStr += &#8220;&lt;th&gt;&#8221; + days[i] + &#8220;&lt;\/th&gt;&#8221;;<br>htmlStr += &#8220;&lt;th class=&#8217;sat&#8217;&gt;&#8221; + days[6] + &#8220;&lt;\/th&gt;&lt;\/tr&gt;\\n&#8221;;<br>var col = 0;<br>if (startDay &gt; 0) {<br>htmlStr += &#8220;&lt;tr&gt;&#8221;;<br>for ( ; col &lt; startDay; col++) htmlStr += &#8220;&lt;td&gt;&amp;nbsp;&lt;\/td&gt;&#8221;;<br>}<br>for (i = 1; i &lt;= dateMax; i++) {<br>if (col == 0) htmlStr += &#8220;&lt;tr&gt;&#8221;;<br>if (flag == 1 &amp;&amp; i == today) {<br>if (holidays[i] == 1 || col == 0) htmlStr += &#8220;&lt;td class=&#8217;today sun&#8217;&gt;&#8221;;<br>else if (col == 6) htmlStr += &#8220;&lt;td class=&#8217;today sat&#8217;&gt;&#8221;;<br>else htmlStr += &#8220;&lt;td class=&#8217;today&#8217;&gt;&#8221;;<br>}<br>else if (holidays[i] == 1 || col == 0) htmlStr += &#8220;&lt;td class=&#8217;sun&#8217;&gt;&#8221;;<br>else if (col == 6) htmlStr += &#8220;&lt;td class=&#8217;sat&#8217;&gt;&#8221;;<br>else htmlStr += &#8220;&lt;td&gt;&#8221;;<br>htmlStr += i + &#8220;&lt;\/td&gt;&#8221;;<br>if (col == 6) { htmlStr += &#8220;&lt;\/tr&gt;\\n&#8221;; col=0; } else col++;<br>}<br>if (col != 0) {<br>for ( ; col &lt; 7; col++) htmlStr += &#8220;&lt;td&gt;&amp;nbsp;&lt;\/td&gt;&#8221;;<br>htmlStr += &#8220;&lt;\/tr&gt;&#8221;;<br>}<br>htmlStr += &#8220;&lt;\/table&gt;&#8221;;<br>document.getElementById(&#8220;calen&#8221;).innerHTML = htmlStr;<br>}<br>&lt;\/script&gt;<br><\/p>\n\n\n\n<p>\u306a\u304a\u3001\u3053\u306eJS\u30ab\u30ec\u30f3\u30c0\u30fc\u306fWordPress\u3067\u306f\u8868\u793a\u51fa\u6765\u307e\u305b\u3093\u3002\u753b\u50cf\u3068\u3057\u3066\u63b2\u8f09\u3057\u307e\u3057\u305f\u3002<br>\uff08\u4e00\u5ea6\u3001PC\u7aef\u672b\u3067\u306f\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u307e\u3057\u305f\u304c\u3001\u30e2\u30d0\u30a4\u30eb\u7aef\u672b\u3067\u306fNG\u3067\u3057\u305f\u3002\u73fe\u5728\u306f\u8868\u793a\u3057\u3066\u3044\u307e\u305b\u3093\uff09<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/east19-mikas.com\/mput\/wp-content\/uploads\/2019\/09\/calendar-1.jpg\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>JS\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u3064\u3044\u3066 baserCMS\u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u306f\u3001\u6295\u7a3f\u7528\u5c02\u7528\u30ab\u30ec\u30f3\u30c0\u30fc\u3067\u3059\u3002PHP\u30ab\u30ec\u30f3\u30c0\u30fc\u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u898b\u5f53\u305f\u308a\u307e\u305b\u3093\u4ed5\u65b9\u306a\u304fJS\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u5b9f\u88c5\u3057\u3066\u307f\u307e\u3057\u305f\u3002\u30fb\u30fb\u30fb\u5f53\u30b5\u30a4\u30c8\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u306b\u3082\u8868\u793a\u3057\u3066\u307f\u307e\u3057\u305f\uff01\u6539 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8552,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[4],"tags":[32,70],"class_list":["post-5613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","tag-calendar","tag-javascript"],"_links":{"self":[{"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/posts\/5613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5613"}],"version-history":[{"count":2,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/posts\/5613\/revisions"}],"predecessor-version":[{"id":8554,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/posts\/5613\/revisions\/8554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=\/wp\/v2\/media\/8552"}],"wp:attachment":[{"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/east19-mikas.com\/mpat\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}