カレンダー表示(2)


前月 当月 翌月


 

JavaScript

<SCRIPT Language="JavaScript">
<!--
var m0 = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var m1 = new Array("日","月","火","水","木","金","土");
var m2 = new Array("#FF0000","#000000","#000000","#000000","#000000","#000000","000080");
function edit01(){
 var day_01= new Date();
 var mm_01= day_01.getMonth();
 var yy_01= day_01.getFullYear();
 day_sub(yy_01,mm_01);
}

function edit02(){
 var mm_02, yy_02
 var day_02 = new Date();
 var mm_02 = day_02.getMonth()+1;
 if (mm_02>11){
  mm_02 = 0;
  yy_02= day_02.getFullYear() + 1;
 } else {
  yy_02= day_02.getFullYear();
 } 
 day_sub(yy_02,mm_02);
}

function edit00(){
 var mm_00, yy_00
 var day_00 = new Date();
 var mm_00 = day_00.getMonth()-1;
 if (mm_00<0){
  mm_00 = 11;
  yy_00= day_00.getFullYear() - 1;
 } else {
  yy_00= day_00.getFullYear();
 } 
 day_sub(yy_00,mm_00);
}

function day_sub(in_yy,in_mm){
 var i,c_gy,j;
 var day_today = new Date(in_yy,in_mm,1);
 var day_mm = day_today.getMonth();
 var day_yy = day_today.getFullYear();
// 2月を29日にする
 if (((day_yy % 4 == 0) && (day_yy % 100 != 0)) || (day_yy % 400 == 0))
 {
  m0[1] = 29; 
 }
// 月初日を設定する。
 day_yo1 = day_today.getDay();
 var day_dd = 0;
 var day_fgs = 0;
 var day_fge = 0;
// 編集個数算出
 if ((m0[day_mm] + day_yo1)%7 == 0){
  c_gy = m0[day_mm] + day_yo1;
 } else {
  c_gy = parseInt(((m0[day_mm] + day_yo1)/7+1))*7;
 } 
// 
 with(document)
 {
  write("<TABLE BORDER=2 CELLPADDING=2 ><TR><TD COLSPAN=7 ALIGN='center'>"+day_yy+"年"+(day_mm+1)+"月</TD></TR><TR>");
  for(i=0;i<7;i++){
   write("<TD WIDTH='14%' ALIGN='center'><FONT COLOR="+m2[i]+">",m1[i],"</FONT></TD>"); // 曜日書き出し
  }
  write("</TR><TR>");
//j:曜日管理、day_dd:日管理 
  j = 0;
  for(i=0;i<=c_gy-1;i++){
   if (i < day_yo1){
    write("<TD WIDTH='14%' ALIGN='center'><FONT COLOR="+m2[j]+">"," ","</FONT></TD>"); 
   } else {
    day_dd++;
    if (day_dd > m0[day_mm]){
     write("<TD WIDTH='14%' ALIGN='center'><FONT COLOR="+m2[j]+">"," ","</FONT></TD>"); 
    } else {
     write("<TD WIDTH='14%' ALIGN='center'><FONT COLOR="+m2[j]+">",day_dd,"</FONT></TD>"); 
    }
   }
   j++; 
   if (j > 6){
   j = 0;
   write("</TR><TR>");
   }
  }
// 
 write("</TR></TABLE>");
 }
}
// -->
</SCRIPT>

注意

1)JavaScriptで処理しています。JavaScript対応ブラウウザでご使用下さい。
2)ブラウザの種類によっては、年表示が正しく表示されない場合があります。
3)NN対応(00/07/29)


00/07/29更新

戻る