[Asp.net] Javascript 日历控件

step1: Download JS 日历控件

http://www.my97.net/dp/down.asp

Step2: 引用js库

在使用该日期控件的文件中加入JS库(仅这一个文件即可,其他文件会自动引入,请勿删除或改名), 代码如下

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

注:src="datepicker/WdatePicker.js" 请根据你的实际情况改变路径

Step3: 添加两个控件

  <input runat="server"  type="button" value="Show" id="btnShow" onclick="WdatePicker({el:'txtCalender'})" />
  <input runat="server"  type="text" id="txtCalender" />

4. 日期范围限制

1. 静态限制
   注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致

   你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围

   示例4-1-1 限制日期的范围是 2006-09-10到2008-12-20

   
   <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/>

   示例4-1-2 限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30

   
   <input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03-09 11:00:00"/>

   示例4-1-3 限制日期的范围是 2008年2月 到 2008年10月

   
   <input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt:'yyyy年M月',minDate:'2008-2',maxDate:'2008-10'})"/>

   示例4-1-4 限制日期的范围是 8:00:00 到 11:30:00

   
   <input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/>

详细的说明和用法, 请参照:

http://www.my97.net/dp/demo/index.htm

第二也, 功能及试例