今月のカレンダーを表示する
ブレビュー
スクリプト
<script language="javascript"> <!-- function karenda(){ mymes="";//おもにtdタグの中 mytab="";//おもtrタグの中身 mygyou=new Array(6);//テーブルの配列6行指定 mygyou[0]=new Array(7); mygyou[1]=new Array(7); mygyou[2]=new Array(7); mygyou[3]=new Array(7); mygyou[4]=new Array(7); mygyou[5]=new Array(7);//それぞれの行に7列指定 firsttosi=(new Date()).getFullYear();//何年かを取得 firsttuki=(new Date()).getMonth();//何月かを取得 firstyou=(new Date(firsttosi,firsttuki,1)).getDay();//最初の日の曜日を取得 ito=(new Date()).getDate();//今日の日付オブジェクトを取得 if(firsttuki==3 || firsttuki==5 || firsttuki==8 ||firsttuki==10) tuki=30;//4月、6月、9月、11月のとき30日 else if(firsttuki==1){//2月のとき if(firsttosi%4==0){//うるう年であったら tuki=29;//29日 }else{//それ以外 tuki=28;//28日 } }else{それ以外の月なら tuki=31;//31日 } for(b=0;b<mygyou.length;b++){//行数の繰り返し mymes="";//列数を初期化 for(c=0;c<mygyou[0].length;c++){//列数の繰り返し if(b==0 && c<firstyou ||7*b+c-(firstyou-1)>tuki){//1行目で最初の日の前なら mygyou[b][c]=" ";//なにも入力しない }else{//それ以外なら mygyou[b][c]=7*b+c-(firstyou-1);//7*行番号+列番号-(初日の曜日番号-1)でそこに入る日をもとめる } if(ito==7*b+c-(firstyou-1)){ haikei="#ccff88";//今日の日付のところに色づけ }else{ haikei=""; } if(c==6){//土曜日だったら mymes+="<td align='right' bgcolor="+haikei+"><font color='#0000ff'>"+mygyou[b][c]+"</font></td>"; //フォントを青色に }else if(c==0){//日曜日だったら mymes+="<td align='right' bgcolor="+haikei+"><font color='#ff0000'>"+mygyou[b][c]+"</font></td>"; //フォントを赤色に }else{//それ以外 mymes+="<td align='right' bgcolor="+haikei+">"+mygyou[b][c]+"</td>";//そのまま入力 } }//列数繰り返し終わり mytab+="<tr>"+mymes+"</tr>";//行数を追加 }//行数繰り返し終わり document.getElementById("lab").innerHTML=firsttosi+"年"+eval(firsttuki+1)+"月"+"<br> <table border cellspacing='0' bordercolor='#000000' cellpadding='6'> <tr><td><font color='#ff0000'>日</font></td><td>月</td><td>火</td> <td>水</td><td>木</td><td>金</td><td><font color='#0000ff'>土</font> </td></tr>"+mytab+"</table>";//データを出力 } document.body.onload=function (){karenda();}//読み込み時に実行 // --> </script> <div id="lab"></div>