日历用js如何实现

JavaScript06

日历用js如何实现,第1张

<script src="js/Calendar.js" type="text/javascript" language="javascript"></script>

加入到你的页面中 js/Calendar.js 这是控件的路径

<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">

Calendar.js 这个东西应该可以找的到吧,onclick="SelectDate(this)" 这是调用的方法

举个例子(控件地址:http://www.my97.net/dp/My97DatePicker/WdatePicker.js):

首先下载日期控件到你的服务器目录中,在你的页面中引入这个外部js:

<script language="JavaScript" type="text/javascript" src="../../My97DatePicker/WdatePicker.js">//具体路径看实际情况</script>

在文本控件中这样使用:

<input id="d11" type="text" onClick="WdatePicker()"/>点击这个input文本框时候就会弹出时间选择框

去年末我自己写了个jquery的日历插件,我当时的思路是这样的:

1,获取每月第一天是星期几 eg:3

2,获取每月多少天 eg:30

然后循环,30天,循环30次,循环每次加1就不用说了 然后把每个值放进表格的td里面

然后获取上个月和下个月有多少天,按照上月自减和下月自加的方式把其他表格内容补齐,这样一个完整的以月为单元的日历就行了