ext DateField edit 禁止编辑的设置

最新推荐文章于 2020-11-11 18:04:25 发布

最新推荐文章于 2020-11-11 18:04:25 发布 · 1k 阅读

标签

#EXT #框架

收录于

本文介绍如何在ExtJS 3.1框架中定制一个特定的年月选择器，包括设置日期格式、限制可选日期范围及禁用手工修改等功能，并通过监听事件实现日期选择后的回调操作。

[size=x-large]由[/size]于新框架把 Ext 从2.x 升级到了3.1，旧的年月选择不能用了，只能先这样写，回头有空再去整。


	var monthMenu = new Ext.form.DateField({
		id:'select-year-month',
		format:'Y年m月',//显示日期的格式
		maxValue :'12/31/2029',//允许选择的最大日期
		minValue :'01/01/2009',//允许选择的最小日期
		disabledDatesText :'禁止选择该日期',
		width : 150,
		editable:false,//禁止手工修改
		value: new Date,
		listeners: {
			'select':function(dp, newValue, oldValue){
		        pcWorkTimeStatByMonth.listGrid.getStore().load({params:[newValue.format('Ym')]});
			},
			'focus':function(){   
				this.onTriggerClick();//调用日期下拉   
			} 
	    }
	});