pp.priceApplyQuery.FORMAT_TIME  = ‘Y-m-d H:i:s‘; //格式化時間字符串

　　支持 查詢,修改,增加

//驗證日期
Ext.apply(Ext.form.VTypes, {
    priceApplyQuery_dateRange: function(val, field){ 
        if(field.dateRange){
            var beginId = field.dateRange.begin;
            this.beginField = Ext.getCmp(beginId);
            var endId = field.dateRange.end;
            this.endField = Ext.getCmp(endId);
            beginDate = this.beginField.getValue();
            var endDate = this.endField.getValue();
            var typeName = field.dateRange.type;
        }
        if(beginDate <= endDate){
            if(typeName == "query"){
                  if(new Date(endDate).getTime()-new Date(beginDate).getTime()>3600*1000*24*30){
                        this.priceApplyQuery_dateRangeText = "查詢時長不能超過30天！";
                        return false;  
                     }else{
                         return true;  
                     }
            }else if(typeName =="add" || typeName == "update"){
                 var nowDate = new Date();
                if(new Date(beginDate).getTime()<nowDate.getTime()){
                        this.priceApplyQuery_dateRangeText = "啟用時間不能小於當前時間！";
                        return false;
                  }else{
                      return true;
                  }
            }else{
               return true;
            }  
        }else{
            this.priceApplyQuery_dateRangeText = "開始時間不能大於結束時間！";
            return false;  
        }
    }
});

pp.priceApplyQuery.formatDefaultDate = function(isBegin,format,type) {
    var nowDate = new Date();
    if(isBegin) {
        if(type == "query"){
            nowDate.setHours(0);
            nowDate.setSeconds(0);
            nowDate.setMinutes(0);
        }
    } else {
        nowDate.setHours(
 
23);
        nowDate.setSeconds(59);
        nowDate.setMinutes(59);
    }
    return Ext.Date.format(nowDate,format);
};

{
            xtype:‘datetimefield_date97‘,
            name:‘q_time_beginDate‘, 
            id:‘priceApplyQuery_beginDate_query‘,
            fieldLabel:‘開始‘,
          columnWidth:0.6,
              labelWidth:40,
            format:‘Y-m-d H:i:s‘,
            dateConfig: {
                el: ‘priceApplyQuery_beginDate_query-inputEl‘,
                dateFmt: ‘yyyy-MM-dd HH:mi:ss‘
            },
            editable:false,
            allowBlank:false ,
            time:true,
            value:pp.priceApplyQuery.formatDefaultDate(true,pp.priceApplyQuery.FORMAT_TIME,"query" ),
            dateRange: {begin: ‘priceApplyQuery_beginDate_query‘, end: ‘priceApplyQuery_endDate_query‘,type:‘query‘},  
            vtype: ‘priceApplyQuery_dateRange‘ 

        },{
            xtype:‘datetimefield_date97‘,
            id:‘priceApplyQuery_endDate_query‘,
            name:‘q_time_endDate‘,
           columnWidth:0.6,
            labelWidth:40,
            fieldLabel:‘結束‘,
            format:‘Y-m-d H:i:s‘,
            dateConfig: {
                el: ‘priceApplyQuery_endDate_query-inputEl‘,
                dateFmt: ‘yyyy-MM-dd HH:mi:ss‘
            },
            editable:false,
            allowBlank:false,
            value:pp.priceApplyQuery.formatDefaultDate(false,pp.priceApplyQuery.FORMAT_TIME ,"query" ) ,
            dateRange: {begin: ‘priceApplyQuery_beginDate_query‘, end: ‘priceApplyQuery_endDate_query‘ ,type:‘query‘ },  
            vtype: ‘priceApplyQuery_dateRange‘ 
        }

extjs日期控件使用