extjs5 form实现两个日期控件限制,第一个的日期小于第二个日期

For example:

 1 var searchForm = Ext.create('Ext.form.Panel',{
 2 
 3   region:'north',
 4 
 5   formName:'searchForm',
 6 
 7   id:'searchForm',
 8 
 9   layout:'column',
10 
11   items:[
12 
13       DD.FM("beginDate",{id:'beginDate',fieldLabel:'起始日期',labelAlign:'right',xtype:'datefield',allowBlank:'true'}),
14 
15       DD.FM("endDate",{id:'endDate',fieldLabel:'结束日期',labelAlign:'right',xtype:'datefield',allowBlank:'true'})
16
17       ]
18 //用id来唯一标识
19 });
20 
21 //添加change事件,设置已选的第一个日期是第二个日期可选的最小值
22 
23 Ext.getCmp('beginDate').on({
24 
25   'change':function(obj,event,eOpts){
26 
27     Ext.getCmp('endDate').setMinValue(Ext.getCmp('beginDate').getValue()
28 
29 }
30 
31 });
32 
33  

 

posted @ 2016-04-07 15:33  一只哈士奇  阅读(214)  评论(0编辑  收藏  举报