一个比较好用的日历控件

 1.         资源文件。

    /Files/zky123/Calender.rar

2.         使用方法。

a)         页面添加脚本引用。

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

b)         将日历控件绑定到文本输入框。

<asp:TextBox ID="txtDate" runat="server" MaxLength="10"></asp:TextBox>

<img onclick="new WdatePicker(txtDate);" src="../Calender/date.gif" style="cursor: hand;" align="middle" alt="日历控件" />

3.         简单配置。

打开/Calender/config.js可以对日历控件进行简单配置。/Calender/config.js内容如下:

var dpcfg = {};

dpcfg.skin = "default";    

dpcfg.dateFmt = "%Y-%M-%D";

dpcfg.realValueShortFmt = "%Y-%M-%D";

dpcfg.realValueLongFmt = "%Y-%M-%D %h:%m:%s";

dpcfg.showTime = false

dpcfg.highLineWeekDay = true;

dpcfg.minDate = "2000-1-1";

dpcfg.maxDate = "2099-12-31";

dpcfg.errDealMode = 0;

4.         缺点。

该日历控件为纯客户端的脚本实现,会根据客户端电脑的日期变化而变化。

posted @ 2009-06-06 10:34  地之雾  阅读(674)  评论(0)    收藏  举报