EasyUI 两个日期比较

两个日期进行比较,后一个日期不能早于晚一个日期.需要自己去扩展validatebox的方法

1.对比2个密码是否相同

 $.extend($.fn.validatebox.defaults.rules, {
        /*必须和某个字段相等*/
        equalTo: { validator: function (value, param) { return $(param[0]).val() == value; }, message: '字段不匹配' }
       });
密码: <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/><br/>
          确认密码:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox"  validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/>

参考自:http://blog.csdn.net/lybwwp/article/details/10435401

2.按照上面的思路,自己定义2个日期的比较

$.extend($.fn.validatebox.defaults.rules, {
        /* 两个日期进行比较 */
        compareDate : {
            validator : function(value,param){
                //这里获取日期的方式不一样
                var date = $(param[0]).datebox('getValue');
                return  value >= date  ;
            },
            message : '字段不匹配'
        }
    })
<td>
   <input type="text" name="gzkssj" id="gzkssj" class="easyui-datebox"  required="true" missingMessage="起始日期不能为空" />
</td>
<td >
   <input type="text" name="gzjssj" id="gzjssj" class="easyui-datebox"  validType="compareDate['#gzkssj']" invalidMessage='结束日期不能早于开始日期'  required="true" missingMessage="结束日期不能为空" />
</td>

 

posted @ 2014-09-29 18:32  Cilimer  阅读(1454)  评论(1编辑  收藏  举报