easyui扩展时间组件，添加清空按钮

转载于 2016-08-13 23:07:00 发布 · 112 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/kkrgwbj/blog/732294

文章标签：

#javascript #python #ViewUI

本文介绍了一种扩展EasyUI日期选择器的方法，通过添加清空按钮来提高用户体验。该操作涉及修改日期组件的默认配置，使得用户可以直接清除已选日期。

2019独角兽企业重金招聘Python工程师标准>>>

/**
 * 扩展easyui时间组件，添加清空按钮
 */
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;

转载于:https://my.oschina.net/kkrgwbj/blog/732294