ExtJs之级联时间空间 datefield

    废话不多说,切入正题:

    用ExtJs做级联的日期选择控件,要求:

        (首先默认两个日期控件的日期均为今天)

       1.当第一个日期控件 小于 今天  :第二个日期控件值不变;

       2.第二个日期控件能选择日期的范围必须 小于 第一个日期控件;

{
	xtype: 'datefield',
	format:'20y-m-d',// h:m:s
	fieldLabel: '控件一,
	allowBlank : false,
	name: 'provideDate',
	id: 'startDate',
	value:new Date(),
	anchor: '95%',
	listeners: {
		'select' : function() {
			var start = Ext.getCmp('startDate').getValue();
			Ext.getCmp('endDate').setMinValue(start);
			var endDate = Ext.getCmp('endDate').getValue();
			if(start > endDate){
				Ext.getCmp('endDate').setValue(start);
			}
				
		}
},{
	xtype: 'datefield',
	format:'20y-m-d',// h:m:s
	fieldLabel: '控件二,
	allowBlank : false,
	name: 'provideDate',
	id: 'endDate',
	//showToday :false,
	value:new Date(),
	anchor: '95%'
}

 

   想上传效果图,不怎么方便呀,算了~就是简简单单的日期级联空间而已……

你可能感兴趣的:(ext)