html网页之日历代码,javascript html实现网页版日历代码

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

效果图：

实现代码：

var my = new Date();

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 ("

");

document.write ("

Sun");

document.write ("

Mon");

document.write ("

Tue");

document.write ("

Wed");

document.write ("

Thu");

document.write ("

Fri");

document.write ("

Sat");

document.write ("

");

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 ("

");

for(j=0;j<=6;j++) {

document.write ("

");

if(j>=(tempday)) {

tempday=0;//设置为最小，相当于取消判断条件

if(theday<=max) {

document.write ("");

if(theday==my.getDate())

document.write ("[" + theday + "]");

else if(j==0)

document.write ("" + theday + "");

else

document.write (theday + "");

theday++;

}

}

document.write ("

");

}

document.write ("

");

}

document.write ("

");

}

showc();

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