開発環境 メモ帳
実行環境 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