Extjs4中时间范围的控制(开…

本文介绍如何在ExtJS4中实现日期选择器的时间范围控制功能,通过自定义验证方式确保开始日期早于结束日期,并保持两者同步更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

留着,可能有用.
Ext.apply(Ext.form.field.VTypes, {
dateRange : function(val, field) {
            if(field.dateRange){
            if(field.dateRange.begin){//控制结束时间要大于开始时间
                var beginId = field.dateRange.begin;    
                this.beginField = Ext.getCmp(beginId);    
                var beginDate = this.beginField.getValue();    
            field.setMinValue(beginDate);//设置结束时间的最小值
            }
            if(field.dateRange.end){//控制开始时间要小于结束时间
                var endId = field.dateRange.end;    
                this.endField = Ext.getCmp(endId);    
                var endDate = this.endField.getValue();    
            field.setMaxValue(endDate);//设置开始时间最大值
            }
            return true;
            }    
            return false;
}
});
var startDate = new Ext.form.field.Date({
fieldLabel : '开始日期',
emptyText : '请选择',
labelWidth : 100,
readOnly : true,
allowBlank : false,
format : 'Y-m-d',//日期格式
name : 'startDate',
id : 'startdt',
vtype : 'dateRange',//dateRange类型为上代码定义的类型
dateRange:{end:'enddt'},//必须跟endDate的id名相同
})
var endDate = new Ext.form.field.Date({
fieldLabel : '结束日期',
emptyText : '请选择',
readOnly : true,
allowBlank : false,
format : 'Y-m-d',//日期格式
name : 'endDate',
    id : 'enddt',
vtype : 'dateRange',//dateRange类型为上代码定义的类型
dateRange:{begin:'startdt'},//必须跟startDate的id名相同
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值