<input type="text" id="endDate" value='<s:property value="logVO.endTime"/>' class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate:'#F{$dp.$D(\'startDate\')}',lang:'en'})"/>
在做时间查询时,有时需要两个日期,从一个日期到另外一个日期的那种,但是这样会有一个问题,比如后者的结束日期晚于开始日期怎么办?用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设置起始时间
开始时间: <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'})"/>
<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'})"/>
结束时间:
<input type="text" id="endDate" value='<s:property value="logVO.endTime"/>' class="Wdate" οnfοcus="WdatePicker({dateFmt:'yyyy/MM/dd',minDate:'#F{$dp.$D(\'startDate\')}',lang:'en'})"/>
My97DatePicker:
支持多语言功能
lang:'en' 英文
lang:'zh-cn' 简体中心
lang:'zh-tw' 繁体