extjs 月份选择控件_extjs4.2怎么设置日期控件只选择年月?

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 17:34   2283   0

现在的孩子都把知乎当资源库找了吗、、、

CSDN逛逛,谷歌搜搜他不香吗?

下面是5的代码 和 链接

Ext.define('Ext.ux.MonthPicker', {

extend: 'Ext.form.field.Date',

alias: 'widget.monthpicker',

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

},

afterrender : {

scope : me,

fn : function(c) {

var me = c;

me.el.on("mousedown", function(e) {

e.preventDefault();

}, c);

}

},

},

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]);

}

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP