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>