js制作日历1----------简单的日历

能够显示当前年和悦的日期，只能查看当年年月的信息.

<script type="text/javascript">

var monthnames = new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月",
"8月", "9月", "10月", "11月", "12月"), monthdays = new Array(12), todayDate = new Date();
monthdays[0] = 31;
monthdays[1] = 28;
monthdays[2] = 31;
monthdays[3] = 30;
monthdays[4] = 31;
monthdays[5] = 30;
monthdays[6] = 31;
monthdays[7] = 31;
monthdays[8] = 30;
monthdays[9] = 31;
monthdays[10] = 30;
monthdays[11] = 31;
var thisday = todayDate.getDay(), thismonth = todayDate.getMonth(), thisdate = todayDate
.getDate(), thisyear = todayDate.getYear();//也可以直接thisyear = todayDate.getFullYear()，此时不用转换年份格式;
thisyear = thisyear % 100;

//年份转换为标准格式
thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));

//判断是否为闰年
if (((thisyear % 4 == 0) && !(thisyear % 100 == 0))
|| (thisyear % 400 == 400)) {
monthdays[1]++;
}

var startspaces = thisdate;

//当前日期对应的星期几
while (startspaces > 7) {
startspaces -= 7;
}
//计算本月1号对应星期几
if (startspaces < 0) {
startspaces += 7;
}

//显示当前年份和月份
document
.write("<table border = 1 style = 'border-collapse:collapse' "+
"bordercolor = '#000000' width = 160>");
document.write("<tr><td colspan=7 bgcolor=#0A246A align=center>"
+ "<font color=#ffffff>" + thisyear + "年"
+ monthnames[thismonth]);
document.write("<tr>");
document.write("<td align=center>日</td>");
document.write("<td align=center>一</td>");
document.write("<td align=center>二</td>");
document.write("<td align=center>三</td>");
document.write("<td align=center>四</td>");
document.write("<td align=center>五</td>");
document.write("<td align=center>六</td>");
document.write("</tr>");
document.write("<tr>");
//本月1号以前的几列空白
for ( var i = 0; i < startspaces; i++) {
document.write("<td> </td>");
}
//一次将本月的每一天填入表格
var count = 1;
while (count <= monthdays[thismonth]) {
for ( var i = startspaces; i < 7; i++) {
//如果是当前日期，用特殊颜色显示
if (count == thisdate) {
document.write("<td bgcolor=#0A246A>");
document.write("<font color=#000000><b>")
} else {
document.write("<td>");
}
//如果没有超出本月的范围
if (count <= monthdays[thismonth]) {
document.write(count);
} else {
document.write(" ");
}

if (count == thisdate) {
document.write("</b></font>");
}
document.write("</td>");
count++;
}
document.write("</tr>");
startspaces = 0;
}
document.write("</table></p>");

</script>