给easyui datebox时间框控件扩展一个清空的实例

Posted 白杨-M

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给easyui datebox时间框控件扩展一个清空的实例相关的知识,希望对你有一定的参考价值。

给easyui datebox扩展一个清空的实例

步骤一:拓展插件

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

(function ($) {
    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
    });

})(jQuery);

步骤二:如果需要将清空按钮汉化,在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 = \'该输入项为必输项\';

通过以上两个步骤,就可以给easyui datebox时间框控件扩展一个清空按钮了~~~

 

现在我们来看看做出来的效果图:

 

以上是关于给easyui datebox时间框控件扩展一个清空的实例的主要内容,如果未能解决你的问题,请参考以下文章

easyui datebox 扩展清空按钮

怎么给easyui 时间控件赋值

EasyUI篇の日期控件(easyui-datebox)

jquery easyui中日历控件(easyui-datebox) 现实的时间格式为:06/27/2013 如图:

easyui——datebox控件限制输入的日期

高手 我现在使用jquery easyui的datebox控件 我想只显示年月 怎样整??