Ext.apply(Ext.form.VTypes,{ daterange: function(val, field) { var date = field.parseDate(val); // We need to force the picker to update values to recaluate the disabled dates display var dispUpd = function(picker) { var ad = picker.activeDate; picker.activeDate = null; picker.update(ad); }; if (field.startDateField) { var sd = Ext.getCmp(field.startDateField); sd.maxValue = date; if (sd.menu && sd.menu.picker) { sd.menu.picker.maxDate = date; dispUpd(sd.menu.picker); } } else if (field.endDateField) { var ed = Ext.getCmp(field.endDateField); ed.minValue = date; if (ed.menu && ed.menu.picker) { ed.menu.picker.minDate = date; dispUpd(ed.menu.picker); } } return true; }, number:function(val,field){ try { var regex = /^[0-9]*$/; if(regex.test(val)) return true; return false; } catch(e) { return false; } }, numberText:'只能輸入0-9之間的數字.' });
var startDate = new Ext.form.DateField({ fieldLabel : '起始日期<span style="color:red">*</span>', //emptyText : '請選擇', //disabledDays : [1, 2, 5],//將星期一,二,五禁止.數值為0-6,0為星期日,6為星期六 //labelWidth : 100, readOnly : true, allowBlank : false, //format : 'Y-m-d',//日期格式 format : 'Ymd', //name : 'startdt', name:"qsrq", //id : 'startdt', id:"qsrq_s", vtype : 'daterange',//daterange類型為上代碼定義的類型 endDateField : 'jsrq_s',//必須跟endDate的id名相同 anchor:'95%' }) var endDate = new Ext.form.DateField({ fieldLabel : '結束日期<span style="color:red">*</span>', //emptyText : '請選擇', //disabledDays : [1, 2, 5],//將星期一,二,五禁止.數值為0-6,0為星期日,6為星期六 readOnly : true, allowBlank : false, //format : 'Y-m-d',//日期格式 format : 'Ymd', //name : 'enddt', name:"jsrq", //id : 'endDate', id:"jsrq_s", vtype : 'daterange',//daterange類型為上代碼定義的類型 startDateField : 'qsrq_s',//必須跟startDate的id名相同 anchor:'95%' })