{"id":3143,"date":"2017-04-26T08:18:06","date_gmt":"2017-04-25T23:18:06","guid":{"rendered":"http:\/\/stuffy.dip.jp\/wordpress\/?p=3143"},"modified":"2017-05-29T16:15:11","modified_gmt":"2017-05-29T07:15:11","slug":"sample-of-javascript-calendar","status":"publish","type":"post","link":"https:\/\/www.stuffy.site\/wordpress\/?p=3143","title":{"rendered":"JavaScript \u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u4f8b"},"content":{"rendered":"

\u3053\u3061\u3089\u306e\u30b5\u30a4\u30c8\u3067JavaScript\u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u306e\u4f5c\u308a\u65b9\u304c\u8f09\u3063\u3066\u3044\u305f\u306e\u3067\u5e74\u9593\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n

\u30b3\u30d4\u30da\u3067\u30b9\u30df\u30de\u30bb\u30f3\u3002\u30bb\u30f3\u30bb\u30f3\u30b7\u30e3\u30eb\u3002<\/p>\n

http:\/\/cya.sakura.ne.jp\/java\/calendar.htm<\/a><\/p>\n

window.onload = function() {\r\n\u00a0 createMonth = function(thisMonth) {\r\n\u00a0\u00a0\u00a0 var myDate = new Date();\r\n\u00a0\u00a0\u00a0 var arrWeek = new Array(\"\u65e5\",\"\u6708\",\"\u706b\",\"\u6c34\",\"\u6728\",\"\u91d1\",\"\u571f\");\r\n\u00a0\u00a0\u00a0 var monthNum = new Array(31,28,31,30,31,30,31,31,30,31,30,31);\r\n\u00a0\u00a0\u00a0 myYear = myDate.getFullYear();\r\n\u00a0\u00a0\u00a0 if ((myYear%4 == 0 && myYear%100 != 0) || myYear%400 == 0){\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 monthNum[1] = 29;\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 myMonth = myDate.getMonth();\r\n\u00a0\u00a0\u00a0 today = myDate.getDate();\r\n\u00a0\u00a0\u00a0 myDate.setMonth(thisMonth);\r\n\u00a0\u00a0\u00a0 myDate.setDate(1);\r\n\u00a0\u00a0\u00a0 weekDay = myDate.getDay();\r\n\u00a0\u00a0\u00a0 tblLine = Math.ceil((weekDay + monthNum[thisMonth])\/7);\r\n\u00a0\u00a0\u00a0 var tblArr = new Array(7*tblLine);\r\n\u00a0\u00a0\u00a0 for (i = 0; i < 7*tblLine; i++) tblArr[i] = \" \";\r\n\u00a0\u00a0\u00a0 for (i = 0; i < monthNum[thisMonth]; i++) tblArr[i + weekDay] = i + 1;\r\n\u00a0\u00a0\u00a0 var title = document.createElement('caption' + thisMonth);\r\n\u00a0\u00a0\u00a0 var divId = document.getElementById('result' + thisMonth);\r\n\u00a0\u00a0\u00a0 title.innerHTML = myYear + \"\u5e74\" + (thisMonth+1) + \"\u6708 \";\r\n\u00a0\u00a0\u00a0 var table = document.createElement('table');\r\n\u00a0\u00a0\u00a0 divId.appendChild(title);\r\n\u00a0\u00a0\u00a0 divId.appendChild(table);\r\n\u00a0\u00a0\u00a0 table.id = 'data' + (thisMonth);\r\n\u00a0\u00a0 var tbody = document.createElement('tbody');\r\n\u00a0\u00a0\u00a0 tbody.id = 'tbodyID';\r\n\u00a0\u00a0\u00a0 table.appendChild(tbody);\r\n\u00a0\u00a0\u00a0 var tr0 = document.createElement('tr');\r\n\u00a0\u00a0\u00a0 for (var i = 0; i < 7; i++) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var td0 = document.createElement('td');\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 td0.innerHTML = arrWeek[i];\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 tr0.appendChild(td0);\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 tbody.appendChild(tr0);\r\n\u00a0\u00a0\u00a0 for (var i = 0; i < tblLine; i++) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 var tr = document.createElement('tr');\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 for (var j = 0; j < 7; j++) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 var td = document.createElement('td');\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 td.innerHTML = tblArr[j + i*7];\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 if (myMonth == thisMonth && tblArr[j + i*7] == today) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 td.style.backgroundColor = 'black';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 td.style.color = 'white';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 tr.appendChild(td);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 tbody.appendChild(tr);\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0 }\r\n  for (var i = 0; i < 12; i++) {\r\n    createMonth(i);\r\n  }\u00a0 \r\n}<\/span><\/pre>\n
<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n\u00a0 <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\r\n\u00a0 <meta http-equiv=\"Content-Style-Type\" content=\"text\/css\" \/>\r\n\u00a0 <meta http-equiv=\"Content-Script-Type\" content=\"text\/javascript\" \/>\r\n\u00a0 <script type=\"text\/javascript\" src=\".\/calendar.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div class=\"box\">\r\n<div id=\"result0\" style=\"position:absolute;top:20px;left:50px\"><\/div>\r\n<div id=\"result1\" style=\"position:absolute;top:20px;left:250px\"><\/div>\r\n<div id=\"result2\" style=\"position:absolute;top:20px;left:450px;\"><\/div>\r\n<div id=\"result3\" style=\"position:absolute;top:20px;left:650px;\"><\/div>\r\n<div id=\"result4\" style=\"position:absolute;top:220px;left:50px\"><\/div>\r\n<div id=\"result5\" style=\"position:absolute;top:220px;left:250px;\"><\/div>\r\n<div id=\"result6\" style=\"position:absolute;top:220px;left:450px;\"><\/div>\r\n<div id=\"result7\" style=\"position:absolute;top:220px;left:650px;\"><\/div>\r\n<div id=\"result8\" style=\"position:absolute;top:440px;left:50px;\"><\/div>\r\n<div id=\"result9\" style=\"position:absolute;top:440px;left:250px;\"><\/div>\r\n<div id=\"result10\" style=\"position:absolute;top:440px;left:450px;\"><\/div>\r\n<div id=\"result11\" style=\"position:absolute;top:440px;left:650px;\"><\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html><\/span><\/pre>\n
\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\u3053\u3061\u3089\u306e\u30b5\u30a4\u30c8\u3067JavaScript\u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u306e\u4f5c\u308a\u65b9\u304c\u8f09\u3063\u3066\u3044\u305f\u306e\u3067\u5e74\u9593\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u4f5c\u3063\u3066\u307f\u307e\u3057\u305f\u3002 \u30b3\u30d4\u30da\u3067\u30b9\u30df\u30de\u30bb\u30f3\u3002\u30bb\u30f3\u30bb\u30f3\u30b7\u30e3\u30eb\u3002 http:\/\/cya.sakura.ne.jp\/java\/calendar. … \u7d9a\u304d\u3092\u8aad\u3080 JavaScript \u306e\u30ab\u30ec\u30f3\u30c0\u30fc\u4f8b<\/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":[87,5],"tags":[],"class_list":["post-3143","post","type-post","status-publish","format-standard","hentry","category-javascript","category-software"],"_links":{"self":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3143"}],"version-history":[{"count":8,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3143\/revisions"}],"predecessor-version":[{"id":3152,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/3143\/revisions\/3152"}],"wp:attachment":[{"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stuffy.site\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}