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

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'})"/>