Ext日期范围自定义验证

Ext.onReady(function(){

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

daterange:function(val,field){

var date = field.parseDate(val);

if(!date)return false;

if(field.startDate){

var startDate = field.up("form").down("#"+field.startDate);

if(startDate.getValue() !== null && startDate.getValue() !== ""){

if(startDate.getValue() > date){

this.daterangeText = "结束日期不能小于开始日期";

return false;

}

}

}else if(field.endDate){

var endDate = field.up("form").down("#"+field.endDate);

if(endDate.getValue() !== null && endDate.getValue() !== ""){

if(endDate.getValue() < date){

this.daterangeText = "开始日期不能大于结束日期";

return false;

}

}

}

return true;

},

daterangeText:"开始日期不能大于结束日期"

});

Ext.create("Ext.form.Panel",{

title:"表单实例",

margin:20,

width:400,

height:300,

border:false,

defaults:{

margin:20,

labelSeparator:"<font color='red'>*</font>:",

labelAlign:"right",

msgTarget:"side",

selectOnFocus:true

},

items:[{

xtype:"datefield",

fieldLabel:"开始日期",

name:"startDate",

itemId:"startDate",     //itemId

format:"Y-m-d",

endDate:"endDate",     //配置结束日期

vtype:"daterange",     //

editable:false     //强制选择

},{

xtype:"datefield",

fieldLabel:"结束日期",

name:"endDate",

itemId:"endDate",     //配置itemId

startDate:"startDate",     //配置对应的开始日期 （itemId）

format:"Y-m-d",     //日期显示格式

vtype:"daterange", //验证的vType

editable:false

}

],

buttons:[{

text:"提交",

handler:function(btn){

if(btn.up("form").getForm() && btn.up("form").getForm().isValid()){

btn.up("form").getForm().submit();

}

}

}],

renderTo:Ext.getBody()

});

});