[前端填坑]EasyUI的datebox控件增加清空按钮

html代码

<div style="width: 282px;">
	<label>固定时间1：</label>
	 <div  style="width:170px;">
	    <input id="FixBusiData1" class="webui-datebox "  style="width:170px;">
	</div>
</div>

js代码

第一步：

var buttons = $.extend([], $.fn.datebox.defaults.buttons);
    buttons.splice(1, 0, {
		text: '清除',
		handler: function(target){
                    //清除日期信息
		    $(target).datebox("setValue","");
		    //关闭日期选择框
		     $(target).datebox('hidePanel');
		}
	});

第二步：

$('#FixBusiData1').datebox({
	editable:false,
	buttons: buttons,//增加清除按钮
	onSelect:function(date){
	//TODO：
	}
});

结果：

扫描二维码关注公众号，回复： 5466525 查看本文章