ExtJs 起始日期 結束日期 驗證


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%'
        })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM