ext日历只有年月

var sssss = Ext.create('Ext.ux.form.MonthField',{
        renderTo:'monthDate',
        width:250,
        labelWidth:55,
        editable: false,
        fieldLabel:'<span class="hightLight">检定日期</span>',
        labelSeparator :'', 
        listeners:{
            'change':function(){
                var me = this;
                var yearMonth = Ext.util.Format.date(me.getValue(),'Y/m');
                 year = Ext.util.Format.date(me.getValue(),'Y年m月');
                 excelTitle= year+"年唐山LNG接收站可燃气体检测报警器效验记录表";
                if(!!yearMonth && yearMonth.indexOf('/0')){
                    yearMonth = yearMonth.replace('/0','/');
                }
                 selectId = yearMonth;
Ext.getCmp('pagingTool').moveFirst();
                
            }
        }

    });

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