一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

更新时间：2007年03月10日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <head> <title> Basic Calendar </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style type="text/css"> .main { width:200px; border:0px solid black; text-align:center; } .month { background-color:black; font:bold 12px verdana; color:white; } .daysofweek { background-color:gray; font:bold 12px verdana; color:white; } .days { font-size: 12px; font-family:verdana; color:black; background-color: lightyellow; padding: 2px; } .days #today{ font-weight: bold; color: red; } </style> <script type="text/javascript"> function buildCal(m, y, cM, cH, cDW, cD, brdr){ var mn=['January','February','March','April','May','June','July','August','September','October','November','December']; var dim=[31,0,31,30,31,30,31,31,30,31,30,31]; var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st var todaydate=new Date() //DD added var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28; var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr>'; t+='<td colspan="7" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr>'; for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>'; t+='</tr><tr>'; for(i=1;i<=42;i++){ var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' '; if (x==scanfortoday) //DD added x='<span id="today">'+x+'</span>' //DD added t+='<td class="'+cD+'">'+x+'</td>'; if(((i)%7==0)&&(i<36))t+='</tr><tr>'; } return t+='</tr></table></div>'; } </script>  </head> <body> <script type="text/javascript"> var todaydate=new Date() var curmonth=todaydate.getMonth()+1; //get current month (1-12) var curyear=todaydate.getFullYear(); //get current year document.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 0)); </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript实现的简易的DatePicker日历
DatePicker是个很常见的组件。我大致搜了一下，满大篇的demo。各大框架也把DatePicker纳入基本的组件库里。
2011-02-02
js 格式化时间日期函数小结
下面是脚本之家为大家整理的一些格式化时间日期的函数代码，需要的朋友可以参考下。
2010-03-03
JavaScript 计算当天是本年本月的第几周
用来计算当天是本年本月的第几周的函数。
2009-03-03
javascript 判断两个日期之差的示例代码
这篇文章主要介绍了javascript 判断两个日期之差的示例代码,需要的朋友可以参考下
2015-09-09
原生js 秒表实现代码
使用setTimeout递归处理。在这之中，有一个很重要的问题——延迟，这样的做法和系统CPU资源有很大关系，而且函数的调用也要耗费时间，最终就导致计数的误差越来越大
2012-07-07
又一日历输入效果没考虑兼容性，IE通过
又一日历输入效果没考虑兼容性，IE通过...
2007-02-02
一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试
一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试...
2007-03-03
JS中getYear()和getFullYear()区别分析
js中得到当前年份做法是var dayObj=new Date(); dayObj.getYear()来得到年份，我前面写过这样会出现浏览器的兼容性的问题，就是在IE中能得到我们想要的结果但是在FF中就不行了，和我们要的结果相差1900年
2014-07-07
js 模仿网上的限时抢购效果
显示类似还剩 14小时52分15秒这样的效果，显示活动剩余多长时间就结束。
2010-07-07
javascript 日历提醒系统( 兼容所有浏览器 )
日历提醒插件（纯 javascript + css 打造，不含各类添加剂）代码比较精简，数据可以从数据库中读取。
2009-04-04