给easyui datebox扩展一个清空的实例，借鉴http://www.cnblogs.com/baiyangyuanzi/p/6625377.html

来源：互联网发布：做长微博的软件编辑：程序博客网时间：2024/06/01 07:50

步骤一：拓展插件

/** * 给时间框控件扩展一个清除的按钮 */$.fn.datebox.defaults.cleanText = '清空';

下面这一段加入easyui-lang-zh_CN.js中，任意位置！

  var buttons = $.extend([], $.fn.datebox.defaults.buttons);    buttons.splice(1, 0, {        text: function (target) {            return $(target).datebox("options").cleanText        },        handler: function (target) {            $(target).datebox("setValue", "");            $(target).datebox("hidePanel");        }    });    $.extend($.fn.datebox.defaults, {        buttons: buttons    });

步骤二：如果需要将清空按钮汉化，在easyui-lang-zh_CN.js中添加如下代码

if ($.fn.datebox){    $.fn.datebox.defaults.currentText = '今天';    $.fn.datebox.defaults.closeText = '关闭';    $.fn.datebox.defaults.cleanText = '清空';    $.fn.datebox.defaults.okText = '确定';    $.fn.datebox.defaults.missingMessage = '该输入项为必输项';

然后在jsp中这样写

 <input id="b" class="easyui-datebox" style="width:135px" data-options="buttons:buttons">

阅读全文

0 0