JS日历，很好看的一个JS日历

1. <ScriptLANGUAGE="JavaScript">
2. varmonths=newArray("一","二","三","四","五","六","七","八","九","十","十一","十二");
3. vardaysInMonth=newArray(31,28,31,30,31,30,31,31,30,31,30,31);
4. vardays=newArray("日","一","二","三","四","五","六");
5. varclassTemp;
6. vartoday=newgetToday();
7. varyear=today.year;
8. varmonth=today.month;
9. varnewCal;
10. functiongetDays(month,year){
11. if(1==month)return((0==year%4)&&(0!=(year%100)))||(0==year%400)?29:28;
12. elsereturndaysInMonth[month];
13. }
14. functiongetToday(){
15. this.now=newDate();
16. this.year=this.now.getFullYear();
17. this.month=this.now.getMonth();
18. this.day=this.now.getDate();
19. }
20. functionCalendar(){
21. newCal=newDate(year,month,1);
22. today=newgetToday();
23. varday=-1;
24. varstartDay=newCal.getDay();
25. varendDay=getDays(newCal.getMonth(),newCal.getFullYear());
26. vardaily=0;
27. if((today.year==newCal.getFullYear())&&(today.month==newCal.getMonth()))
28. {
29. day=today.day;
30. }
31. varcaltable=document.all.caltable.tBodies.calendar;
32. varintDaysInMonth=getDays(newCal.getMonth(),newCal.getFullYear());
33. for(varintWeek=0;intWeek<caltable.rows.length;intWeek++)
34. for(varintDay=0;intDay<caltable.rows[intWeek].cells.length;intDay++)
35. {
36. varcell=caltable.rows[intWeek].cells[intDay];
37. varmontemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);
38. if((intDay==startDay)&&(0==daily)){daily=1;}
39. vardaytemp=daily<10?("0"+daily):(daily);
40. vard="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
41. if(day==daily)cell.className="DayNow";
42. elseif(intDay==6)cell.className="DaySat";
43. elseif(intDay==0)cell.className="DaySun";
44. elsecell.className="Day";
45. if((daily>0)&&(daily<=intDaysInMonth))
46. {
47. cell.innerText=daily;
48. daily++;
49. }else
50. {
51. cell.className="CalendarTD";
52. cell.innerText="";
53. }
54. }
55. document.all.year.value=year;
56. document.all.month.value=month+1;
57. }
58. functionsubMonth()
59. {
60. if((month-1)<0)
61. {
62. month=11;
63. year=year-1;
64. }else
65. {
66. month=month-1;
67. }
68. Calendar();
69. }
70. functionaddMonth()
71. {
72. if((month+1)>11)
73. {
74. month=0;
75. year=year+1;
76. }else
77. {
78. month=month+1;
79. }
80. Calendar();
81. }
82. functionsetDate()
83. {
84. if(document.all.month.value<1||document.all.month.value>12)
85. {
86. alert("月的有效范围在1-12之间!");
87. return;
88. }
89. year=Math.ceil(document.all.year.value);
90. month=Math.ceil(document.all.month.value-1);
91. Calendar();
92. }
93. </Script>
94. <Script>
95. functionbuttonOver()
96. {
97. varobj=window.event.srcElement;
98. obj.runtimeStyle.cssText="background-color:#FFFFFF";
99. //obj.className="Hover";
100. }
101. functionbuttonOut()
102. {
103. varobj=window.event.srcElement;
104. window.setTimeout(function(){obj.runtimeStyle.cssText="";},300);
105. }
106. </Script>
107. <Style>
108. Input{font-family:verdana;font-size:9pt;text-decoration:none;background-color:#FFFFFF;height:20px;border:1pxsolid#666666;color:#000000;}
109. .Calendar{font-family:verdana;text-decoration:none;width:170;background-color:#C0D0E8;font-size:9pt;border:0pxdotted#1C6FA5;}
110. .CalendarTD{font-family:verdana;font-size:7pt;color:#000000;background-color:#f6f6f6;height:20px;width:11%;text-align:center;}
111. .Title{font-family:verdana;font-size:11pt;font-weight:normal;height:24px;text-align:center;color:#333333;text-decoration:none;background-color:#A4B9D7;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-bottom-style:1px;border-top-color:#999999;border-right-color:#999999;border-bottom-color:#999999;border-left-color:#999999;}
112. .Day{font-family:verdana;font-size:7pt;color:#243F65;background-color:#E5E9F2;height:20px;width:11%;text-align:center;}
113. .DaySat{font-family:verdana;font-size:7pt;color:#FF0000;text-decoration:none;background-color:#E5E9F2;text-align:center;height:18px;width:12%;}
114. .DaySun{font-family:verdana;font-size:7pt;color:#FF0000;text-decoration:none;background-color:#E5E9F2;text-align:center;height:18px;width:12%;}
115. .DayNow{font-family:verdana;font-size:7pt;font-weight:bold;color:#000000;background-color:#FFFFFF;height:20px;text-align:center;}
116. .DayTitle{font-family:verdana;font-size:9pt;color:#000000;background-color:#C0D0E8;height:20px;width:11%;text-align:center;}
117. .DaySatTitle{font-family:verdana;font-size:9pt;color:#FF0000;text-decoration:none;background-color:#C0D0E8;text-align:center;height:20px;width:12%;}
118. .DaySunTitle{font-family:verdana;font-size:9pt;color:#FF0000;text-decoration:none;background-color:#C0D0E8;text-align:center;height:20px;width:12%;}
119. .DayButton{font-family:Webdings;font-size:9pt;font-weight:bold;color:#243F65;cursor:hand;text-decoration:none;}
120. </Style>
121. <tableborder="0"cellpadding="0"cellspacing="1"class="Calendar"id="caltable">
122. <thead>
123. <tralign="center"valign="middle">
124. <tdcolspan="7"class="Title">
125. <ahref="javaScript:subMonth();"title="上一月"Class="DayButton">3</a><inputname="year"type="text"size="4"maxlength="4"onkeydown="if(event.keyCode==13){setDate()}"onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"onpaste="this.value=this.value.replace(/[^0-9]/g,'')">年<inputname="month"type="text"size="1"maxlength="2"onkeydown="if(event.keyCode==13){setDate()}"onkeyup="this.value=this.value.replace(/[^0-9]/g,'')"onpaste="this.value=this.value.replace(/[^0-9]/g,'')">月<ahref="JavaScript:addMonth();"title="下一月"Class="DayButton">4</a>
126. </td>
127. </tr>
128. <tralign="center"valign="middle">
129. <ScriptLANGUAGE="JavaScript">
130. document.write("<TDclass=DaySunTitleid=diary>"+days[0]+"</TD>");
131. for(varintLoop=1;intLoop<days.length-1;intLoop++)
132. document.write("<TDclass=DayTitleid=diary>"+days[intLoop]+"</TD>");
133. document.write("<TDclass=DaySatTitleid=diary>"+days[intLoop]+"</TD>");
134. </Script>
135. </TR>
136. </thead>
137. <TBODYborder=1cellspacing="0"cellpadding="0"ID="calendar"ALIGN=CENTERONCLICK="getDiary()">
138. <ScriptLANGUAGE="JavaScript">
139. for(varintWeeks=0;intWeeks<6;intWeeks++)
140. {
141. document.write("<TRstyle='cursor:hand'>");
142. for(varintDays=0;intDays<days.length;intDays++)document.write("<TDclass=CalendarTDonMouseover='buttonOver();'onMouseOut='buttonOut();'></TD>");
143. document.write("</TR>");
144. }
145. </Script>
146. </TBODY>
147. </TABLE>
148. <ScriptLANGUAGE="JavaScript">
149. Calendar();
150. </Script>