Ext4 重写年月控件(解决31号选择其它月份会跳月的问题)

Ext 文件MonthField.js,,,,,,,,,2012-6-4最终修改;

修改了年月控件也有跳月的情况,改情况为当天为xxxx-xx-31号时.选择2月会跳到三月的问题.

这个情况会在所有日期控件的中发生.是ext目前没有处理的一个问题.该解决我在我的前个文章中也写了.

现在OK了.大家请尽情的使用吧.如有其它bug请大家解决后把自己的代码放上来参考...

Ext.define('Ext.form.field.Month', {
    extend: 'Ext.form.field.Date',
    alias: 'widget.monthfield',
    requires: ['Ext.picker.Month'],
    alternateClassName: ['Ext.form.MonthField', 'Ext.form.Month'],
    selectMonth: null,
    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,
            hidden: true,
            focusOnShow: true,
            minDate: me.minValue,
            maxDate: me.maxValue,
            disabledDatesRE: me.disabledDatesRE,
            disabledDatesText: me.disabledDatesText,
            disabledDays: me.disabledDays,
            disabledDaysText: me.disabledDaysText,
            format: me.format,
            showToday: me.showToday,
            startDay: me.startDay,
            minText: format(me.minText, me.formatDate(me.minValue)),
            maxText: format(me.maxText, me.formatDate(me.maxValue)),
            listeners: {
                select: { scope: me, fn: me.onSelect },
                monthdblclick: { scope: me, fn: me.onOKClick },
                yeardblclick: { scope: me, fn: me.onOKClick },
                OkClick: { scope: me, fn: me.onOKClick },
                CancelClick: { scope: me, fn: me.onCancelClick }
            },
            keyNavConfig: {
                esc: function () {
                    me.collapse();
                }
            }
        });
    },
    onCancelClick: function () {
        var me = this;
        me.selectMonth = null;
        me.collapse();
    },
    onOKClick: function () {
        var me = this;
        if (me.selectMonth) {
            me.setValue(me.selectMonth);
            me.fireEvent('select', me, me.selectMonth);
        }
        me.collapse();
    },
    onSelect: function (m, d) {
        var me = this;
        me.selectMonth = new Date((d[0] + 1) + '/1/' + d[1]);
    },
	//这个很重要.否则选择月份的时候会跳到下一个月
    safeParse : function(value, format) {
	     var me = this,
	         utilDate = Ext.Date,
	         result = null,
	         strict = me.useStrict,
	         parsedDate;
	
	     if (utilDate.formatContainsHourInfo(format)) {
	         result = utilDate.parse(value, format, strict);
	     } else {
	         if (format == 'Y-m') {
	         	value = value + '-01';
	         	format = 'Y-m-d';
	         }
	         
	         parsedDate = utilDate.parse(value + ' ' + me.initTime, format + ' ' + me.initTimeFormat, strict);
	         if (parsedDate) {
	             result = utilDate.clearTime(parsedDate);
	         }
	     }
	     return result;
	 }
    
});

Html 文件引用

Ext.onReady(function () {
		
				
				Ext.create('Ext.form.Panel', {
				    renderTo: Ext.getBody(),
				    width: 300,
				    bodyPadding: 10,
				    title: 'Dates',
				    items: [{
		                xtype: 'monthfield',
		                submitFormat: 'Y-m-01',
		                name: 'month',
		                fieldLabel: 'month',
		                format: 'Y-m',
		                listeners: {
					        select: {
					            fn: function(field, value, eOpts){ 
					            	//field.的日期还是以当前日期最高值出现
					            	alert(Ext.util.Format.date(field.getValue(),"Y-m-d") + " ****** " + Ext.util.Format.date(value,"Y-m-d"));
					            }
					        }
					  	}
		            },
		            {
		                xtype: 'datefield',
		                submitFormat: 'Y-m-d',
		                name: 'date',
		                fieldLabel: 'date'
		            }],
				    buttons: [
			            {
			                text: 'send',
			                handler: function () {
			                    Ext.Msg.alert('Form will submit:', this.up('form').getForm().getValues(true));
			                }
			            }
			        ]
				});
			});