结束日期必须大于开始日期

2011-07-28 09:24

原创:结束日期必须大于开始日期--My97DatePicker日历控制的又一方便之处

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

比如我选择开始日期是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\')}'})"/>

 

 

 

 

my97设置起始时间

    开始时间:
    Html代码
    1. <input type="text" id="startDate" value='<s:property value="logVO.beginTime"/>' class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',maxDate:'#F{$dp.$D(\'endDate\')}',lang:'en'})"/> 
       <input type="text" id="startDate" value='<s:property value="logVO.beginTime"/>' class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy/MM/dd',maxDate:'#F{$dp.$D(\'endDate\')}',lang:'en'})"/>
    

    结束时间:
    Html代码 
    1. <input type="text" id="endDate" value='<s:property value="logVO.endTime"/>' class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate:'#F{$dp.$D(\'startDate\')}',lang:'en'})"/>