Ext.form.DateField简单用法及日期范围控制

项目中有时需要用到起始日期和结束日期，要做到起始日期必须小于结束日期。在extjs中已经有现成的函数，摘录如下：

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;}/** Always return true since we're only using this vtype to set* the min/max allowed values (these are tested for after the* vtype test)*/return true;}});

然后分别定义起始日期和结束日期控件：

var startDate = new Ext.form.DateField({fieldLabel : '开始日期',emptyText : '请选择',disabledDays : [1, 2, 5],//将星期一,二,五禁止.数值为0-6,0为星期日,6为星期六labelWidth : 100,readOnly : true,allowBlank : false,format : 'Y-m-d',//日期格式name : 'startdt',id : 'startdt',vtype : 'daterange',//daterange类型为上代码定义的类型endDateField : 'endDate'//必须跟endDate的id名相同})var endDate = new Ext.form.DateField({fieldLabel : '结束日期',emptyText : '请选择',disabledDays : [1, 2, 5],//将星期一,二,五禁止.数值为0-6,0为星期日,6为星期六readOnly : true,allowBlank : false,format : 'Y-m-d',//日期格式name : 'enddt',id : 'endDate',vtype : 'daterange',//daterange类型为上代码定义的类型startDateField : 'startdt'//必须跟startDate的id名相同})

Ext.form.DateField简单用法及日期范围控制相关推荐

ext时间控件Ext.ux.form.DateTimeField和Ext.form.DateField的用法比较
Ext.ux.form.DateTimeField 页面效果可以精确到年月日时分秒 var _txtEndTime = new Ext.ux.form.DateTimeField({name: 'e ...
Ext.Net学习笔记19：Ext.Net FormPanel 简单用法
Ext.Net学习笔记19:Ext.Net FormPanel 简单用法 FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起 ...
Ext.form.DateField控件属性说明
配置项 1.format : String 用以覆盖本地化的默认日期格式化字串.字串必须为符合指定Date#parseDate的形式(默认为 'm/d/y'). 2. altFormats : S ...
html.renderaction 控制器,Html.RenderAction简单用法
CATransition(os开发之画面切换) 的简单用法 CATransition 的简单用法 //引进CATransition 时要添加包"QuartzCore.framework&qu ...
ExtJS4.2学习(17)表单基本输入控件Ext.form.Field（转）
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...
Ext.Net学习笔记20：Ext.Net FormPanel 复杂用法
Ext.Net学习笔记20:Ext.Net FormPanel 复杂用法在上一篇笔记中我们介绍了Ext.Net的简单用法,并创建了一个简单的登录表单.今天我们将看一下如何更好是使用FormPanel ...
Ext.form.TextField组件的基本用法
本文主要介绍Ext.form.TextField组件的基本用法: <form id="form1" runat="server"> <div& ...
ext 日期时间控件js html页面代码,Ext JS框架中日期函数的用法及日期选择控件的实现...
增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. // @param {Date} date 原日期对象. // @param {String} interval v ...
使用Ext Form自动绑定Html中的Form元素
2019独角兽企业重金招聘Python工程师标准>>> Java代码 //把ext 对象绑定在Html Form元素时的ext属性中 Ext.override(Ext.Compo ...

Ext.form.DateField简单用法及日期范围控制

Ext.form.DateField简单用法及日期范围控制相关推荐

最新文章

热门文章