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

    <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' 繁体





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值