My97DatePicker日历实现开始日期小于结束日期验证

来源:互联网 发布:淘宝店铺号码怎么查找 编辑:程序博客网 时间:2024/04/29 13:06

最近做一个项目遇到个问题, 就是有开始日期和结束日期,选择时必须判断结束日期要大于开始日期.找了点资料说my97自己就能解决.

解决方法如下:

开始日期: id="startDate"

结束日期: id="endDate"

<tr align='center'>  <td align="right">开始日期: </td>  <td align="left">    <input id="startDate" value="${activity.date }" class="Wdate" type="text" onFocus="var endDate=$dp.$('endDate');WdatePicker({onpicked:function(){endDate.focus();},maxDate:'#F{$dp.$D(\'endDate\')}'})"/>  </td></tr><tr align='center'>  <td align="right">结束日期: </td>  <td align="left">    <input id="endDate" value="${activity.jsDate }" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}'})"/>  </td></tr>

这样的效果是先选择开始日期后, 结束日期最小就必须是开始日期. 先选择结束日期后, 开始日期最大就只能是结束日期. 


这里还找到一些my97其他的设置效果:

当天以后的时间不能选 

<input type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>
当天以前的时间不能选 
<input type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'%y-%M-%d'})"/>
四,对选取的时间进行格式化 
精确到时分秒 
<input type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>


0 0