EXTJS4-----Date控件使用

一、  定义

（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();
        })