asp.net 使用my97 datepicker实现前后两个日期的范围界定

说明:日期选择后,前面的日期小于等后面的日期,后面的日期大于等于前面的日期。点点看就知道了:)

这里将周末日期不可选。代码如下:

 1 <html xmlns="http://www.w3.org/1999/xhtml">

 2 <head runat="server">

 3     <title></title>

 4     <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

 5     <link type="text/css" rel="Stylesheet" href="My97DatePicker/skin/WdatePicker.css" />

 6     <%--<script type="text/javascript">

 7         function GetBorderDate(id) {

 8             return document.getElementById(id).value;

 9         }

10     </script>--%>

11 </head>

12 <body>

13     <form id="form1" runat="server">

14     <div>

15         <%--自己写js也是可以的,既然mydatepicker控件提供了就没必要了,注释掉的是自己写的js判断,也可实现其功能<br />

16         其中:disabledDays:[0,6]是将周末日期不可选<br />

17         <input id="PreDate" class="Wdate" type="text" onclick="var max_date = GetBorderDate('NextDate');WdatePicker({maxDate:max_date,disabledDays:[0,6]})" />

18 19         <input id="NextDate" class="Wdate" type="text" onclick="var min_date = GetBorderDate('PreDate');WdatePicker({minDate:min_date,disabledDays:[0,6]})" />--%>

20         <input id="PreDate" class="Wdate" type="text" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'NextDate\')}',disabledDays:[0,6]})" />

21 22         <input id="NextDate" class="Wdate" type="text" onclick="WdatePicker({minDate:'#F{$dp.$D(\'PreDate\')}',disabledDays:[0,6]})" />

23     </div>

24     </form>

25 </body>

26 </html>

 

你可能感兴趣的:(Datepicker)