您的位置:首页 > 产品设计 > UI/UE

easyUI日期控件验证开始时间

2016-10-25 12:02 176 查看
点击结束时间时,验证是否小于开始时间



<label>开始时间:</label><input class="easyui-datebox" style="width: 100px;" required="true" name="BeginFlyon" id="BeginFlyon" /> 
<label>结束时间:</label><input class="easyui-datebox" style="width: 100px;" required data-options="validType:'testDate[\'#BeginFlyon\']'" name="EndFlyon" id="EndFlyon" /> 

时间比较时此处取param传过来的开始控件名字,后取该控件的时间值
$.extend($.fn.validatebox.defaults.rules, {
testDate: {
validator: function (value, param) {
var d1 = $(''+param[0]+'').datebox('getValue')
return value >= d1;
},
message: '结束时间必须大于或等于开始时间'
}
})

easyui demo,注意此处时间比较时取得是param的时间 http://www.jeasyui.net/demo/346.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐