Java-Script

　１年間のカレンダーを表示する 　　　　　

Sample

ソース

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
function dsp_calender(month,month_length) {
  day=1
  document.write("<TABLE BORDER=3 CELLSPACING=3 CELLPADDING=%3><TR>")
  document.write("<TD COLSPAN=7 ALIGN=center bgcolor=#ffffe4><B>"+year+"年　　"+month+"</B><TR>")
  document.write("<TD ALIGN=center WIDTH=35><font color=red><b>日</TD>")
  document.write("<TD ALIGN=center WIDTH=35>月</TD>")
  document.write("<TD ALIGN=center WIDTH=35>火</TD>")
  document.write("<TD ALIGN=center WIDTH=35>水</TD>")
  document.write("<TD ALIGN=center WIDTH=35>木</TD>")
  document.write("<TD ALIGN=center WIDTH=35>金</TD>")
  document.write("<TD ALIGN=center WIDTH=35><font color=blue><b>土</TD>")
  document.write("</TR><TR>")
  for (var i=1;i<start_day;i++) {
    document.write("<TD>")
  }
  for (var i=start_day;i<8;i++) {
    if (i==7)
      document.write("<TD ALIGN=center><font color=blue><b>"+day+"</TD>")
    else
      document.write("<TD ALIGN=center>"+day+"</TD>")
    day++
  }
  document.write("<TR>")
  while (day <= month_length) {
    for (var i=1;i<=7 && day<=month_length;i++) {
      if (i==1)
        document.write("<TD ALIGN=center><font color=red><b>"+day+"</TD>")
      else if (i==7)
        document.write("<TD ALIGN=center><font color=blue><b>"+day+"</TD>")
      else
        document.write("<TD ALIGN=center>"+day+"</TD>")
      day++
    }
    document.write("</TR><TR>")
    start_day=i
  }
  document.write("</TR></TABLE>")
}
//-->
</SCRIPT>

</HEAD>
<BODY>

<SCRIPT LANGUAGE="JavaScript">
<!--
today = new Date();
year = today.getYear();
if (year < 2000)
  year = year + 1900;
today= new Date("January 1, "+year)
start_day = today.getDay() + 1   
document.write("<TABLE BORDER=0 CELLPADDING=6><TR><TD valign=top>")
dsp_calender("１月",31)
document.write("</TD><TD valign=top>")
if (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0)) {
  dsp_calender("２月", 29);
}
else {
  dsp_calender("２月", 28);
}
document.write("</TD><TD valign=top>")
dsp_calender("３月",31)
document.write("</TD></TR><TR><TD valign=top>")
dsp_calender("４月",30)
document.write("</TD><TD valign=top>")
dsp_calender("５月",31)
document.write("</TD><TD valign=top>")
dsp_calender("６月",30)
document.write("</TD></TR><TR><TD valign=top>")
dsp_calender("７月",31)
document.write("</TD><TD valign=top>")
dsp_calender("８月",31)
document.write("</TD><TD valign=top>")
dsp_calender("９月",30)
document.write("</TD></TR><TR><TD valign=top>")
dsp_calender("１０月",31)
document.write("</TD><TD valign=top>")
dsp_calender("１１月",30)
document.write("</TD><TD valign=top>")
dsp_calender("１２月",31)
document.write("</TD></TR></TABLE>")
//-->
</SCRIPT>

</BODY>
</HTML>

ワンポイント解説

function dsp_calender(month,month_length)　の、第１引数で　month　で、月を指定し、
第２引数で　month_length　で、その月の日数を指定しています。