easyui日历插件整理基本技能

日历中增加清空功能:

原来日历控件中currentText,closeText

增加了个cleanText清空按钮。

在jquery.easyui.min.js中搜索datebox.defaults

$.fn.datebox.defaults = $.extend({}, $.fn.combo.defaults, {
        panelWidth : 180,
        panelHeight : "auto",
        sharedCalendar : null,
        keyHandler : {
            up : function(e) {
            },
            down : function(e) {
            },
            left : function(e) {
            },
            right : function(e) {
            },
            enter : function(e) {
                _975(this);
            },
            query : function(q, e) {
                _972(this, q);
            }
        },
        currentText : "至今",
        cleanText:"清空",
        closeText : "关闭",
        okText : "Ok",
        buttons : [ {
            text : function(_985) {
                return $(_985).datebox("options").currentText;
            },
            handler : function(_986) {
                $(_986).datebox("calendar").calendar({
                    year : new Date().getFullYear(),
                    month : new Date().getMonth() + 1,
                    current : new Date()
                });
                _975(_986);
            }
        }, { text : function(_989) {  
              
            return $(_989).datebox("options").cleanText;  
              
            },handler : function(_990) {  
              
            $(_990).combo('setValue', '').combo('setText', '');  
              
            $(this).closest("div.combo-panel").panel("close");  
              
            }},{
            text : function(_987) {
                return $(_987).datebox("options").closeText;
            },
            handler : function(_988) {
                $(this).closest("div.combo-panel").panel("close");
            }
        } ],
        formatter : function(date) {
            var y = date.getFullYear();
            var m = date.getMonth() + 1;
            var d = date.getDate();
            return (m < 10 ? ("0" + m) : m) + "/" + (d < 10 ? ("0" + d) : d)
                    + "/" + y;
        },
        parser : function(s) {
            if (!s) {
                return new Date();
            }
            var ss = s.split("/");
            var m = parseInt(ss[0], 10);
            var d = parseInt(ss[1], 10);
            var y = parseInt(ss[2], 10);
            if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
                return new Date(y, m - 1, d);
            } else {
                return new Date();
            }
        },
        onSelect : function(date) {
        }
    });
})(jQuery);

先定义cleanText:"清空",在buttons中增加cleanText的方法

{ text : function(_989) {  
              
            return $(_989).datebox("options").cleanText;  
              
            },handler : function(_990) {  
              
            $(_990).combo('setValue', '').combo('setText', '');  
              
            $(this).closest("div.combo-panel").panel("close");  
              
            }},

在eayui-lang-zh_CN.js中加入

if ($.fn.datebox){
    $.fn.datebox.defaults.currentText = '今天';
    $.fn.datebox.defaults.cleanText = '清空';
    $.fn.datebox.defaults.closeText = '关闭';
    $.fn.datebox.defaults.okText = '确定';
    $.fn.datebox.defaults.missingMessage = '该输入项为必输项';
    $.fn.datebox.defaults.formatter = function(date){
        var y = date.getFullYear();
        var m = date.getMonth()+1;
        var d = date.getDate();
        return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
    };
    $.fn.datebox.defaults.parser = function(s){
        if (!s) return new Date();
        var ss = s.split('-');
        var y = parseInt(ss[0],10);
        var m = parseInt(ss[1],10);
        var d = parseInt(ss[2],10);
        if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
            return new Date(y,m-1,d);
        } else {
            return new Date();
        }
    };
}

慢慢调试。。也是上周整的 忘记了些许。

posted @ 2015-05-06 20:12  LoMan  阅读(259)  评论(0编辑  收藏  举报