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>

 

你可能感兴趣的:(easyui)