カレンダー表示(5) 2010年用


西暦2010年用のカレンダー


 

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");
var m3 = new Array(1,1,1,11,2,11,3,22,4,29,5,3,5,4,5,5,7,19,9,20,9,23,10,11,11,3,11,23,12,23);
var col_m4 = "#FF0000";
function edit(){
 var day_today = new Date();
 var day_mm = day_today.getMonth();
 edit00(2010,day_mm+1);
}
function edit00(in_yy,in_mm){
 var i,c_gy,j,k,k2;
 var day_today = new Date();
 day_today.setYear(in_yy);
 day_today.setMonth(in_mm-1);
 var day_mm = in_mm-1;
 var day_yy = in_yy;
 var day_tday = day_today.getDate();
// 2月を29日にする
 if (((day_yy % 4 == 0) && (day_yy % 100 != 0)) || (day_yy % 400 == 0))
 {
  m0[1] = 29; 
 }
// 月初日を設定する。
 day_today.setDate(1);
 day_yo1 = day_today.getDay();
 var day_dd = 0;
 var day_fgs = 0;
 var day_fge = 0;
 var x0 = m3.length;
// 編集個数算出
 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' bgcolor='#FDF8B5'><B>"+day_yy+"年"+(day_mm+1)+"月</B></TD></TR><TR>");
  for(i=0;i<7;i++){
   write("<TD WIDTH='14%' ALIGN='center' bgcolor='#FFDFFF'><FONT COLOR="+m2[i]+"><B>",m1[i],"</B></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++;
    k2 = m2[j];
    for(k=0;k<=x0;k=k+2){
     if (m3[k] == in_mm){
      if (day_dd == m3[k+1]){
       k2 = col_m4;
      }
     }
    } 
    if (day_dd > m0[day_mm]){
     write("<TD WIDTH='14%' ALIGN='center'><FONT COLOR="+m2[j]+">"," ","</FONT></TD>"); 
    } else {
     if (day_dd == day_tday){
      write("<TD WIDTH='14%' ALIGN='center' bgcolor='#FDF8B5'><FONT COLOR="+k2+"><B>",day_dd,"</B></FONT></TD>");
     } else { 
      write("<TD WIDTH='14%' ALIGN='center' bgcolor='#FFDFFF'><FONT COLOR="+k2+"><B>",day_dd,"</B></FONT></TD>");
     } 
    }
   }
   j++; 
   if (j > 6){
    j = 0;
    write("</TR><TR>");
   }
  }
// 
  write("</TR></TABLE>");
 }
}
// -->
</SCRIPT>

1)祝祭日テーブル(2010年用) (1,1,1,11,2,11,3,22,4,29,5,3,5,4,5,5,7,19,9,20,9,23,10,11,11,3,11,23,12,23)
 1,1:1月1日
 1,11:1月11日
 2,11:2月11日
 3,22:3月22日
2)西暦2010年指定
 
edit00(2010,day_mm+1);

注意

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


10/06/28更新

戻る