space
テクニック:カレンダー@
 
space



Script

<HTML><HEAD><TITLE>カレンダー</TITLE>
< META http-equiv=Content-Type content="text/html; charset=Shift_JIS">
< META content="MSHTML 6.00.2800.1170" name=GENERATOR>
< SCRIPT language=JavaScript>

// 閏年かどうかを調べる
function isLeapYear(year){
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)){
return true;
} else {
return false;
}
}

// 月の最初の曜日を求める
function calcFirstDay(date) {
var tmpDate = new Date();
tmpDate.setTime(date.getTime());
tmpDate.setDate(1);
return tmpDate.getDay();
}

// 月の日数を計算
function calcMonthDays(date) {
var monthDays = new Array (31, 28, 31, 30, 31, 30, 31, 31, 30,
31, 30, 31);
if (isLeapYear (date.getYear() + 1900)) {
monthDays[1] = 29;
}
return monthDays[date.getMonth()];
}

// カレンダーを表示する
function display(today, month , firstDay, Days) {
document.write(today.getYear(), "年");
document.write(month+1, "月のカレンダー<BR>");
document.write("<TABLE>");
document.write("<TR><TH>");
document.write(" 日 <TH> 月 <TH> 火 <TH> 水 <TH> 木 <TH> 金 <TH> 土 ");
document.write("</TR>");
document.write("<TR>");
var col = 0;
//最初の日まで列をとばす
for (var i=0; i<firstDay; i++)
{
document.write("<TD></TD>");
col++;
}
for (var i=1; i<=Days; i++)
{
document.write("<TD>");

//今日の日付は赤で表示
if (i == today.getDate()) {
var iStr = i.toString().fontcolor("red");
document.write(iStr + "</TD>");
}else {
document.write(i+"</TD>");
}
col++;
if (col == 7)
{
document.write("</TR><TR>");
col = 0;
}
}
document.write("</TR></TABLE>");
}
< /SCRIPT>
< /HEAD>
< BODY>
< p><font color="#000099" size="+1"><strong>カレンダーT</strong></font></p>
< P>
< table width="550">
<tr>
<td><div align="center">
<SCRIPT language=JavaScript>
var today = new Date();
// 月を求める
var month = today.getMonth();
// 最初の日の曜日を求める
var firstDay = calcFirstDay(today);
// 月の日数を求める
var Days = calcMonthDays(today);

// カレンダーを表示する
display(today, month, firstDay, Days);
</SCRIPT>
</div></td>
</tr>
< /table>
< /BODY></HTML>

return