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>

 

posted on 2014-12-05 17:32  Mr.Chinn  阅读(240)  评论(0编辑  收藏  举报