ext日历只有年月

淡淡的烟草味﹌ 2022-05-31 04:23 214阅读 0赞

\});

1.    renderTo:'monthDate',中monthDate为渲染div的ID

2.Ext.ux.form.MonthField为扩展的日历

代码：

Ext.define('Ext.ux.form.MonthField', \{  
    extend: 'Ext.form.field.Picker',  
    alias: 'widget.monthfield',  
    format: "Y年m月",  
    altFormats: "m/y|m/Y|m-y|m-Y|my|mY|y/m|Y/m|y-m|Y-m|ym|Ym",  
    minText: "The date in this field must be equal to or after \{0\}",  
    triggerCls: Ext.baseCSSPrefix + 'form-date-trigger',  
    matchFieldWidth: false,  
    showToday: true,  
    // value:new Date(),  
    value:'',  
    startDay: new Date(),  
    initComponent: function () \{  
        var me = this;  
        me.disabledDatesRE = null;  
        me.callParent();  
  
  
    \},  
    initValue: function () \{  
        var me = this,  
            value = me.value;  
  
  
        if (Ext.isString(value)) \{  
            me.value = Ext.Date.parse(value, this.format);  
        \}  
        if (me.value)  
            me.startDay = me.value;  
  
  
        me.callParent();  
    \},  
    rawToValue: function (rawValue) \{  
        return Ext.Date.parse(rawValue, this.format) || rawValue || null;  
    \},  
    valueToRaw: function (value) \{  
        return this.formatDate(value);  
    \},  
    formatDate: function (date) \{  
        return Ext.isDate(date) ? Ext.Date.dateFormat(date, this.format) : date;  
    \},  
    createPicker: function () \{  
        var me = this,  
            format = Ext.String.format;  
        return Ext.create('Ext.picker.Month', \{  
            pickerField: me,  
            ownerCt: me.ownerCt,  
            renderTo: document.body,  
            floating: true,  
            shadow: false,  
            focusOnShow: true,  
            listeners: \{  
                scope: me,  
                cancelclick: me.onCancelClick,  
                okclick: me.onOkClick,  
                yeardblclick: me.onOkClick,  
                monthdblclick: me.onOkClick  
            \}  
        \});  
    \},  
    onExpand: function () \{  
        this.picker.setValue(this.startDay);  
    \},  
    onOkClick: function (picker, value) \{  
        var me = this,  
            month = value\[0\],  
            year = value\[1\],  
            date = new Date(year, month, 1);  
        me.startDay = date;  
        me.setValue(date);  
        this.picker.hide();  
  
  
        // var v = Ext.util.Format.date(me.getValue(),'Y年m月');  
        // sessionStorage.setItem('YMD',Ext.util.Format.date(me.getValue(),'Y-m-'));  
  
  
        // $('.groupCalendar').find('.groupDate').each(function()\{  
        //     $(this).text(v);  
  
  
        //     if( $(this).parent().attr('data-num')=='3' )\{  
        //         var lastDay = getDays(date.getFullYear(),date.getMonth()+1);  
        //         $(this).next().html('<h1>21 - '+lastDay+'</h1>');  
        //         sessionStorage.setItem('LASTDAY',lastDay);  
        //     \}  
        // \});  
        // $('.groupCalendar').show();  
  
  
    \},  
    onCancelClick: function () \{  
        this.picker.hide();  
    \}  
\});