開発環境 |
メモ帳 |
実行環境 |
Microsoft Edge |
calpre.html
<!doctype html>
<head>
<title>calpre</title>
</head>
<body>
<p>
<input id="Year" size="4" value="2016" autofocus>年
<input id="Month" size="2" value="2">月
<button onclick="Disp()">表示</button>
</p>
<pre id="Output"></pre>
<script>
function Disp()
{
const week = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var year = parseInt(Year.value);
var month = parseInt(Month.value) - 1;
var date = new Date(year, month, 1);
Output.innerHTML = "";
// 曜日
var line = "";
for (var i = 0; i < week.length; i++) {
line += " " + week[i];
}
Output.innerHTML += line + "<br>";
// 日付
line = "";
var day = date.getDay();
for (var i = 0; i < day; i++) {
line += " ";
}
for (var d = 1; ; d++) {
date.setDate(d);
if (date.getMonth() != month) break;
day = date.getDay();
line += " " + (" " + d).slice(-2);
if (day == 6) {
Output.innerHTML += line + "<br>";
line = "";
}
}
Output.innerHTML += line + "<br>";
}
</script>
</body>
最終更新:2016年02月10日 11:09