最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascripthtml实现网页版日历代码

来源:动视网 责编:小OO 时间:2020-11-27 20:25:37
文档

javascripthtml实现网页版日历代码

效果图。实现代码。<;html>;<;head>;<;link rel=";stylesheet";type=";text/css";href=";Skin.css";>;<;style>;<;
推荐度:
导读效果图。实现代码。<;html>;<;head>;<;link rel=";stylesheet";type=";text/css";href=";Skin.css";>;<;style>;<;
 本文实例为大家分享了网页版日历代码,供大家参考,具体内容如下

效果图:

实现代码:

<html>
 <head>
 <link rel="stylesheet" type="text/css" href="Skin.css">
 <style>
 <!--
 table{ text-align: center }
 -->
 </style>
 </head>
 
 <body>
 <div align="center">
 <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 ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>");
 document.write ("<table border='1' width='273' height='158'>");
 document.write ("<tr>");
 document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
 document.write ("<td height='23' width='39'>Mon</td>");
 document.write ("<td height='23' width='39'>Tue</td>");
 document.write ("<td height='23' width='39'>Wed</td>");
 document.write ("<td height='23' width='39'>Thu</td>");
 document.write ("<td height='23' width='39'>Fri</td>");
 document.write ("<td height='23' width='39'>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>");
 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 + ">");
 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>");
 }
 document.write ("</tr>");
 }
 document.write ("</table>");
 }
 
 showc();
 </script>
 </div>
 <body>
</html>

文档

javascripthtml实现网页版日历代码

效果图。实现代码。<;html>;<;head>;<;link rel=";stylesheet";type=";text/css";href=";Skin.css";>;<;style>;<;
推荐度:
标签: 日历 实现 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top