给easyui的datebox控件添加清空按钮

最新推荐文章于 2020-11-09 15:24:17 发布

原创最新推荐文章于 2020-11-09 15:24:17 发布 · 4.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui #datebox #清空 #按钮 #buttons

收录于

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在不修改源代码的情况下为DateBox组件添加清空按钮功能。通过扩展默认按钮并插入新的清空操作，可以实现在点击清空按钮后清除已选日期并隐藏日期选择面板。

在不改源码的前提下给datebox添加清空按钮

var buttons = $.extend([], $.fn.datebox.defaults.buttons);
	buttons.splice(1, 0, {
	text: '清空',
	handler : function(target) {
		$(target).combo("setValue", "").combo("setText", ""); // 设置空值
		$(target).combo("hidePanel"); // 点击清空按钮之后关闭日期选择面板
	}
});
$.fn.datebox.defaults.buttons = buttons;

以下是javascript splice的语法，从w3c拷贝，供参考