自定义 Ext.form.VTypes 验证日期范围

最新推荐文章于 2017-06-01 16:55:05 发布

原创最新推荐文章于 2017-06-01 16:55:05 发布 · 752 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种基于日期范围的库存管理系统，该系统通过日期筛选功能帮助用户快速定位特定时间段内的库存信息，提高库存管理效率。

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%"
}]