一、 定义
(Date)日期控件,日期选择控件。
二、 常用属性
属性名称 | 描述 |
format : String | 日期显示格式 |
maxValue : Date/String | 最大的日期 |
minValue : Date/String | 最小的日期 |
value : Object | 初始化值 |
三、 常用方法
方法名称 | 描述 |
getValue( ) | 获取值 |
setMaxValue( Date value ) | 设置最大值 |
setMaxValue( Date value ) | 设置最小值 |
setValue( String/Date date ) | 设置日期值 |
四、 常用事件
事件名称 | 描述 |
change( Ext.form.field.Field this, Object newValue, Object oldValue, Object eOpts ) | 选择状态发生变化时 |
五、 事例代码
Ext.onReady(function () { Ext.create('Ext.window.Window', { title: 'Date示例', bodyPadding: 10, height: 180, width: 300, plain: false, items: [{ xtype: 'fieldcontainer', fieldLabel: '你那天成亲?', defaultType: 'datefield', labelWidth: 70, labelAlign: 'center', items: [ { id: 'date', format: 'Y-m-d', value: '2012-11-11', minValue: '2012-11-01', maxValue: '2012-11-30' } ] }], buttonAlign: 'center', buttons: [{ text: '登录', handler: function () { var date = Ext.getCmp('date');//获取id为c1的datefield alert(date.formatDate(date.getValue()));//获取c1的值 } }] }).show(); })