Extjs4中時間範圍的控制（開…

留着,可能有用.

原文地址：Extjs4中時間範圍的控制（開始和結束時間的同步問題）作者：diagowang

Ext.apply(Ext.form.field.VTypes, {

dateRange : function(val, field) {

           if(field.dateRange){

            if(field.dateRange.begin){//控制結束時間要大於開始時間

               var beginId = field.dateRange.begin;   

               this.beginField = Ext.getCmp(beginId);   

               var beginDate = this.beginField.getValue();   

            field.setMinValue(beginDate);//設置結束時間的最小值

            }

            if(field.dateRange.end){//控制開始時間要小於結束時間

               var endId = field.dateRange.end;   

               this.endField = Ext.getCmp(endId);   

               var endDate = this.endField.getValue();   

            field.setMaxValue(endDate);//設置開始時間最大值

            }

            return true;

           }   

           return false;

}

});

var startDate = new Ext.form.field.Date({

fieldLabel : '開始日期',

emptyText : '請選擇',

labelWidth : 100,

readOnly : true,

allowBlank : false,

format : 'Y-m-d',//日期格式

name : 'startDate',

id : 'startdt',

vtype : 'dateRange',//dateRange類型爲上代碼定義的類型

dateRange:{end:'enddt'},//必須跟endDate的id名相同

})

var endDate = new Ext.form.field.Date({

fieldLabel : '結束日期',

emptyText : '請選擇',

readOnly : true,

allowBlank : false,

format : 'Y-m-d',//日期格式

name : 'endDate',

    id : 'enddt',

vtype : 'dateRange',//dateRange類型爲上代碼定義的類型

dateRange:{begin:'startdt'},//必須跟startDate的id名相同

})