这是一个 extjs mixin,用于验证表单中的从日期到日期或开始结束日期。
这是 mixin..(核心代码取自 sencha 论坛:))
Ext.define("AMShiva.mixin.DateRangeValidator", {
timerange: function (val, field) {
/// <summary>
/// This will validate two datefields
/// </summary>
var me = this; //will be the form, containing datefields
var time = field.parseDate(val);
if (!time) {
return;
}
if (field.startTimeField && (!this.timeRangeMax || (time.getTime() != this.timeRangeMax.getTime()))) {
var start = me.down('datefield[name=' + field.startTimeField + ']');
start.maxValue = time;
start.validate();
this.timeRangeMax = time;
}
else if (field.endTimeField && (!this.timeRangeMin || (time.getTime() != this.timeRangeMin.getTime()))) {
var end = me.down('datefield[name=' + field.endTimeField + ']');
end.minValue = time;
end.validate();
this.timeRangeMin = time;
}
return true;
}
});
上述mixin的使用示例
这是表单的部分部分。
{
xtype: 'datefield',
fieldLabel: 'From',
name: 'from_date',
format: 'Y-m-d',
editable: false,
endTimePeriod:'to_date', //below component
validationEvent: 'change',
validator: function (value) {
return me.timerange(value, this);
}
},
{
xtype: 'datefield',
fieldLabel: 'To',
format: 'Y-m-d',
name: 'to_date',
editable: false,
startTimeField:'from_date', //above component
validationEvent: 'change',
validator: function (value) {
return me.timerange(value, this);
}
}