自定义 Ext.form.VTypes 验证日期范围
2013-03-13 11:30
330 查看
Ext.apply(Ext.form.VTypes, {
daterange : function(val, field) {
var date = field.parseDate(val);
if (!date) {
return;
}
if (field.startDateField
&& (!this.dateRangeMax || (date.getTime() != this.dateRangeMax
.getTime()))) {
var start = Ext.getCmp(field.startDateField);
start.setMaxValue(date);
start.validate();
this.dateRangeMax = date;
} else if (field.endDateField
&& (!this.dateRangeMin || (date.getTime() != this.dateRangeMin
.getTime()))) {
var end = Ext.getCmp(field.endDateField);
end.setMinValue(date);
end.validate();
this.dateRangeMin = date;
}
return true;
}
});
var toolbar = new Ext.Toolbar( {
height : 30,
items : [
'入库时间:', {
xtype : "datefield",
name : "startDate",
id : "startDate1",
editable : false,
endDateField : "endDate1",
vtype : 'daterange',
emptyText : '请选择',
format : 'Y-m-d',
labelWidth : 70,
anchor : "90%"
}, "至:", {
xtype : "datefield",
name : "endDate",
id : "endDate1",
vtype : 'daterange',
startDateField : "startDate1",
editable : false,
emptyText : '请选择',
format : 'Y-m-d',
labelWidth : 70,
anchor : "90%"
}]
daterange : function(val, field) {
var date = field.parseDate(val);
if (!date) {
return;
}
if (field.startDateField
&& (!this.dateRangeMax || (date.getTime() != this.dateRangeMax
.getTime()))) {
var start = Ext.getCmp(field.startDateField);
start.setMaxValue(date);
start.validate();
this.dateRangeMax = date;
} else if (field.endDateField
&& (!this.dateRangeMin || (date.getTime() != this.dateRangeMin
.getTime()))) {
var end = Ext.getCmp(field.endDateField);
end.setMinValue(date);
end.validate();
this.dateRangeMin = date;
}
return true;
}
});
var toolbar = new Ext.Toolbar( {
height : 30,
items : [
'入库时间:', {
xtype : "datefield",
name : "startDate",
id : "startDate1",
editable : false,
endDateField : "endDate1",
vtype : 'daterange',
emptyText : '请选择',
format : 'Y-m-d',
labelWidth : 70,
anchor : "90%"
}, "至:", {
xtype : "datefield",
name : "endDate",
id : "endDate1",
vtype : 'daterange',
startDateField : "startDate1",
editable : false,
emptyText : '请选择',
format : 'Y-m-d',
labelWidth : 70,
anchor : "90%"
}]
相关文章推荐
- Ext日期范围自定义验证
- EXTJS自定义验证日期选择范围
- js自定义validate验证:验证日期是否在某一范围内
- EXTJS自定义验证日期选择范围
- Ext.form.DateField简单用法及日期范围控制
- Ext.form.DateField简单用法及日期范围控制
- MVC验证04-自定义验证规则、日期范围验证
- MVC验证04-自定义验证规则、日期范围验证
- Ext.form.DateField简单用法及日期范围控制
- Ext.form.DateField简单用法及日期范围控制
- Project Web Access 2007自定义FORM验证登录实现 zt
- jquery validate添加自定义开始结束日期验证
- coolite Form表单验证之自定义验证
- 自定义Sharepoint网站Form身份验证时的登录页面
- Ext_日期选择框_Ext.form.DateField
- ExtJs内的Ext.form.Panel中datefield控件选择日期过后的事件监听select以及比较两个时间的大小
- .net中如何验证电话号码、日期范围,身份证号
- 基于vue2.0前端组件库element中 el-form表单 自定义验证填坑
- jQuery validate 日期比较 自定义验证方法
- 07-自定义QueryParer解决部分查询的性能问题/解决日期和数字范围问题