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

easyui datebox 扩展清空按钮及日期判断

2017-01-04 14:58 489 查看
<input id="EndHavDate" class="easyui-datebox" data-options="prompt:'请选择结束日期',buttons:buttons,editable:false,validType:'equaldDate[\'#StartHavDate\']'" />


  对Easyui datebox判断后面日期是否大于前面的日期扩展



$.extend($.fn.validatebox.defaults.rules,
{
equaldDate: {
validator: function(value, param) {
var d1 = $(param[0]).datetimebox('getValue'); //获取开始时间
return value >= d1; //有效范围为大于开始时间的日期
},
message: '结束日期不能早于开始日期!'
}
});


对Easyui databox日期选项内添加清空按钮(调用 buttons:buttons)



var buttons = $.extend([], $.fn.datebox.defaults.buttons);
buttons.splice(1, 0,
{
text: '清空',//按钮文本
handler: function (target) {
$("#"+ target.id+"" ).datebox('setValue', "");//根据ID清空
$("#" + target.id + "").datebox('hidePanel', "");
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: