Ext4.x中用作“年-月”格式日期选择的控件,测试在Ext4.0.2a下运行正常。
效果图:
/*!
* Ext JS Library 4.0.2a
* LastUpdate: 2011-07-25
*/
/**
*@class Ext.ux.form.field.Month
*@extends Ext.form.field.Trigger
*@alias monthfield
*日期选择控件中的“年-月”格式的选择
*/
Ext.define('Ext.ux.form.field.Month',{
alias: ['widget.monthfield'],
extend: 'Ext.form.field.Trigger',
listeners:{
focus: function(){
this.onTriggerClick();
},
blur:function(){
this.menu.hide();
}
},
onTriggerClick: function() {
var me = this;
if(!me.menu)
{
this.menu = Ext.create('Ext.picker.Month',{
ownerCt: me.ownerCt,
renderTo: document.body,
floating: true,
format: Ext.String.format,
listeners:{
'okclick':function(menu,dateArr){
me.menu.hide();
me.setValue(me.formatMonthPickerDate(dateArr));
},
'cancelclick': function(){
me.menu.hide();
}
}
});
}
this.menu.show();
},
formatMonthPickerDate: function(arr){
return arr[1] + '-' +
(101+arr[0]).toString().substring(1,3);
}
});