软件开发javascript html实现网页版日历代码_javascript技巧

软件开发javascript html实现网页版日历代码_javascript技巧本文实例为大家分享了网页版日历代码，供大家参考，具体内容如下

效果图：

实现代码：

<span style="color:#555555"><span style="background-color:#ffffff"><span style="background-color:#ededed"> 
  
  
 
 
 
  </span></span></span>

<script language="javascript"> 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 (""); document.write (""); document.write (""); document.write (""); document.write (""); document.write (""); document.write (""); 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 (""); } document.write (""); }document.write ("

Sun	Mon	Tue	Wed	Thu	Fri	Sat
"); 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 ("

"); } showc(); </script>

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