首页 > 代码库 > asp.net 使用my97 datepicker实现前后两个日期的范围界定

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

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

<style></style><script type="text/javascript" src="http://files.cnblogs.com/coding-man/WdatePicker.js"></script>

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

 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head runat="server"> 3     <title></title> 4     <script type="text/javascript" src=http://www.mamicode.com/"My97DatePicker/WdatePicker.js"></script> 5     <link type="text/css" rel="Stylesheet" href=http://www.mamicode.com/"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>

 

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