数万年カレンダー
年と月を入力して任意の月のカレンダーを出力。
目次に戻る

● 設置例

西暦月のカレンダー


指定した年月のカレンダーを表示します。日曜くらいは色分けされてますがさすがに祝祭日とかは出ません。
「今月のカレンダー」の出せるように出来ます。

●ソース
1・JavaScript

<script type="text/javascript">
<!------------------------------------------------------
function mcalendar(yer, mon){
	if(yer<1 || yer>99999 || mon<1 || mon>12){
		document.write('<br>西暦'+yer+'年'+mon+'月のカレンダーは表示できません。');
		return;
	}

	var cal = new Date(yer,mon-1,1);		//1日
	var x = cal.getDay();				//1日の曜日

	if(yer%4==0 && yer%100!=0 || yer%400==0) leap=1;	//入力年が閏年
	else leap=0;					


	var a1=1-x,a2=2-x,a3=3-x,a4=4-x,a5=5-x,a6=6-x,a7=7-x;
	var b1=8-x,b2=9-x,b3=10-x,b4=11-x,b5=12-x,b6=13-x,b7=14-x;
	var c1=15-x,c2=16-x,c3=17-x,c4=18-x,c5=19-x,c6=20-x,c7=21-x;
	var d1=22-x,d2=23-x,d3=24-x,d4=25-x,d5=26-x,d6=27-x,d7=28-x;
	var e1=29-x,e2=30-x,e3=31-x,e4=32-x,e5=33-x,e6=34-x,e7=35-x;
	var f1=36-x,f2=37-x;
	if(a1<1) a1='/';if(a2<1) a2='/';if(a3<1) a3='/';
	if(a4<1) a4='/';if(a5<1) a5='/';if(a6<1) a6='/';
	if(e4>31) e4='/';if(e5>31) e5='/';if(e6>31) e6='/';
	if(e7>31) e7='/';if(f1>31) f1='/';if(f2>31) f2='/';
	if(mon==2 || mon==4 || mon==6 || mon==9 || mon==11){
		if(e3!='/' && e3>30) e3='/';if(e4!='/' && e4>30) e4='/';if(e5!='/' && e5>30) e5='/';
		if(e6!='/' && e6>30) e6='/';if(e7!='/' && e7>30) e7='/';if(f1!='/' && f1>30) f1='/';
		if(mon==2){
			if(leap==1){
				if(e2!='/' && e2>29) e2='/';if(e3!='/' && e3>29) e3='/';if(e4!='/' && e4>29) e4='/';
				if(e5!='/' && e5>29) e5='/';if(e6!='/' && e6>29) e6='/';if(e7!='/' && e7>29) e7='/';
			} else {
				if(e1!='/' && e1>28) e1='/';if(e2!='/' && e2>28) e2='/';if(e3!='/' && e3>28) e3='/';
				if(e4!='/' && e4>28) e4='/';if(e5!='/' && e5>28) e5='/';if(e6!='/' && e6>28) e6='/';
			}
		}
	}
	document.write('<br>西暦'+yer+'年'+mon+'月<br>');
	document.write('<table border="3"><tr><td><font color="#ff0000">日</font></td><td>月</td><td>火</td><td>水</td><td>木</td><td>金</td><td>土</td>');
	document.write('<tr><td><font color="#ff0000">'+a1+'</font></td><td>'+a2+'</td><td>'+a3+'</td><td>'+a4+'</td><td>'+a5+'</td><td>'+a6+'</td><td>'+a7+'</td>');
	document.write('<tr><td><font color="#ff0000">'+b1+'</font></td><td>'+b2+'</td><td>'+b3+'</td><td>'+b4+'</td><td>'+b5+'</td><td>'+b6+'</td><td>'+b7+'</td>');
	document.write('<tr><td><font color="#ff0000">'+c1+'</font></td><td>'+c2+'</td><td>'+c3+'</td><td>'+c4+'</td><td>'+c5+'</td><td>'+c6+'</td><td>'+c7+'</td>');
	document.write('<tr><td><font color="#ff0000">'+d1+'</font></td><td>'+d2+'</td><td>'+d3+'</td><td>'+d4+'</td><td>'+d5+'</td><td>'+d6+'</td><td>'+d7+'</td>');
	document.write('<tr><td><font color="#ff0000">'+e1+'</font></td><td>'+e2+'</td><td>'+e3+'</td><td>'+e4+'</td><td>'+e5+'</td><td>'+e6+'</td><td>'+e7+'</td>');
	document.write('<tr><td><font color="#ff0000">'+f1+'</font></td><td>'+f2+'</td><td>/</td><td>/</td><td>/</td><td>/</td><td>/</td></tr></table>');
}
//-------------------------------------------------------->
</script>

2・フォーム

<form method="post" name="form1">
<P>西暦<input type="text" name="text1">年 <input type="text" name="text2">月のカレンダー
<P><input type="button" name="b1" onClick="mcalendar(form.text1.value, form.text2.value)" value="GO♪">
</FORM>

●設置方法
上記1・JavaScriptを<head>〜</head>、2・フォームを<body>〜</body>に貼り付けてください。

jsファイルも用意しています →JSファイルダウンロード
jsファイルを本スクリプトを使用するHTMLと同じディレクトリに入れると、1・JavaScriptをコピー&ペーストする代わりに

<script src="mcalendar.js"></script>

と記述するだけで使用することが出来ます。


●応用した使い方
・今月のカレンダーを出力
2・フォームの代わりに任意箇所に下記をコピー&ペーストしてください。

<script type="text/javascript">
<!--
var now = new Date();
var n_year = now.getYear();
var n_mon = now.getMonth()+1;

mcalendar(n_year,n_mon);
-->
</script>

下記のように表示されます。

目次に戻る