extjs 如何禁用日期时间控件

2025-03-07 19:54:49

推荐回答（5个）

回答（1）：

1、extjs日期控件禁用：设置editable:false这个属性即可。
editable：是否可编辑，默认为true 。

2、Extjs日期控件禁止用户输入（设置readOnly为true）：
JScript 代码：
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-12-25",
readOnly:true, //设置为true为只读状态，禁止用户输入
fieldLabel:"Birth"
}

3、extjs DateField 的值用getValue()方法获取后是一大堆字符串，类似Tue Dec 07 2010 00:00:00 GMT 0800，存入数据库需要格式化一下，用EXT的Ext.util.Format.date（）方法：
var gedt = Ext.util.Format.date(日期控件.getValue(), 'Y-m-d');
出来的日期格式就是 2010-10-10。

回答（2）：

如果还想把日期的值传到后台，你可以在表单里多加一个Hidden项，name与日期框的name相同就可以了。Ext默认是disabled的表单项不会被提交的

回答（3）：

可以这样迁就着解决:先设置日期控件 disable : false, 然后在formPanel 提交前,再取得控件把它 disable : true , 就可以满足你的需求了.

回答（4）：

在日期配置中加
disabled : true
就行了

回答（5）：

editable:false