javascript html实现网页版日历代码

前端之家收集整理的这篇文章主要介绍了javascript html实现网页版日历代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了网页版日历代码,供大家参考,具体内容如下

效果图:

实现代码

function showc() {
var k=1;
var j=1;
var today;
var tomonth;
var theday=1;//日期
var max;
var temp;
var tempday;//这个月第一天的星期
document.write ("" + my.getFullYear() + "-" + (my.getMonth()+1) + "");
document.write ("");
document.write ("<tr>");
document.write ("
Sun</td>");
document.write ("
Mon</td>");
document.write ("
Tue</td>");
document.write ("
Wed</td>");
document.write ("
Thu</td>");
document.write ("
Fri</td>");
document.write ("
Sat</td>");
document.write ("</tr>");
temp=my.getDate();
my.setDate(1);
//document.write (my.getDate());
tempday=my.getDay();//返回第一天是星期几
my.setDate(temp);
today=my.getDay();//返回现在星期几

switch ((my.getMonth()+1)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
max=31;
break;
case 4:
case 6:
case 9:
case 11:
max=30;
break;
default:
max=29;//这里没有考虑闰月!!
//document.write (max);
}
for(k=0;k<6;k++) {
document.write ("<tr&gt;");
for(j=0;j<=6;j++) {
document.write ("<td height='23' width='39'>");
if(j>=(tempday)) {
tempday=0;//设置为最小,相当于取消判断条件
if(theday<=max) {
 document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + "&gt;");
 if(theday==my.getDate())
 document.write ("<font color='green'>[" + theday + "]</font></a>");
 else if(j==0)
 document.write ("<font color='red'>" + theday + "</font></a>");
 else
 document.write (theday + "</a>");
 theday++;
}
}
document.write ("</td&gt;");
}
document.write ("</tr&gt;");
}
document.write ("</table&gt;");

}

showc();

以上就是本文的全部内容,希望大家可以轻松实现网页版日历。

原文链接:https://www.f2er.com/js/49763.html

猜你在找的JavaScript相关文章