extjs修改 datefiled 只显示年月


 //MonthPickerPlugin.js文件,年月选择的关键代码
Ext.ux.MonthPickerPlugin = function() {
    var picker;
    var oldDateDefaults;

    this.init = function(pk) {
        picker = pk;
        picker.onTriggerClick = picker.onTriggerClick.createSequence(onClick);
        picker.getValue = picker.getValue.createInterceptor(setDefaultMonthDay).createSequence(restoreDefaultMonthDay);
        picker.beforeBlur = picker.beforeBlur.createInterceptor(setDefaultMonthDay).createSequence(restoreDefaultMonthDay);
    };

    function setDefaultMonthDay() {
        oldDateDefaults = Date.defaults.d;
        Date.defaults.d = 1;
        return true;
    }

    function restoreDefaultMonthDay(ret) {
        Date.defaults.d = oldDateDefaults;
        return ret;
    }

    function onClick(e, el, opt) {
        var p = picker.menu.picker;
        p.activeDate = p.activeDate.getFirstDateOfMonth();
        if (p.value) {
            p.value = p.value.getFirstDateOfMonth();
        }

        p.showMonthPicker();
         
        if (!p.disabled) {
            p.monthPicker.stopFx();
            p.monthPicker.show();
   // if you want to click,you can the dblclick event change click
            p.mun(p.monthPicker, ‘click‘, p.onMonthClick, p);
            p.mun(p.monthPicker, ‘click‘, p.onMonthDblClick, p);
            p.onMonthClick = p.onMonthClick.createSequence(pickerClick);
            p.onMonthDblClick = p.onMonthDblClick.createSequence(pickerDblclick);
            p.mon(p.monthPicker, ‘click‘, p.onMonthClick, p);
            p.mon(p.monthPicker, ‘click‘, p.onMonthDblClick, p);
        }
    }

    function pickerClick(e, t) {
        var el = new Ext.Element(t);
        if (el.is(‘button.x-date-mp-cancel‘)) {
            picker.menu.hide();
        } else if(el.is(‘button.x-date-mp-ok‘)) {
            var p = picker.menu.picker;
            p.setValue(p.activeDate);
            p.fireEvent(‘select‘, p, p.value);
        }
    }

    function pickerDblclick(e, t) {
        var el = new Ext.Element(t);
        if (el.parent()
            && (el.parent().is(‘td.x-date-mp-month‘)
            || el.parent().is(‘td.x-date-mp-year‘))) {

            var p = picker.menu.picker;
            p.setValue(p.activeDate);
            p.fireEvent(‘select‘, p, p.value);
        }
    }
};

Ext.preg(‘monthPickerPlugin‘, Ext.ux.MonthPickerPlugin);  

使用方法:  只需在属性里加上  plugins:‘monthPickerPlugin‘

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。