结束日期必须大于开始日期--My97DatePicker日历控制

    在做时间查询时,有时需要两个日期,从一个日期到另外一个日期的那种,但是这样会有一个问题,比如后者的结束日期晚于开始日期怎么办?用JS写验证,麻烦,呵呵,用这个日历控件,可方便实现结束日期只显示开始日期之后的日期,具体的参看以下效果图:

0322e23882811f94b311c7cd.jpg

比如我选择开始日期是7月28,那结束的日期将只能从7月28日后面的日期里来选择,省去了我们JS验证结束日期小于开始日期的麻烦。

具体代码如下:

开始日期的input id = "startDate"

结束日期的input id = "endDate"

日期 从:<input id="startDate" class="Wdate" type="text" onFocus="var endDate=$dp.$('endDate');WdatePicker({onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})"/>

<input id="endDate" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}'})"/>


 不过浏览器的兼容性还要注意


你可能感兴趣的:(my97datepicker,开始日期,结束日期)