首先定义vtype.
Ext.apply(Ext.form.VTypes, {
daterange : function(val, field) {
var date = field.parseDate(val), otherFieldProp, dateProp, other;
if (field.startDateField) {
otherFieldProp = 'startDateField';
dateProp = 'max';
} else if (field.endDateField) {
otherFieldProp = 'endDateField';
dateProp = 'min';
}
if (otherFieldProp && field[otherFieldProp]) {
other = field[otherFieldProp];
if (typeof other == 'string') {
other = field[otherFieldProp] = field.ownerCt
.getComponent(other)
|| Ext.getCmp(other);
}
if (!other[dateProp + 'OldValue']
|| other[dateProp + 'OldValue'] != (date ? date.getTime()
: undefined)) {
other[dateProp + 'Value'] = date;
if (other.menu && other.menu.picker) {
other.menu.picker[dateProp + 'Date'] = date;
other.menu.picker
.update(other.menu.picker.activeDate, true);
}
other[dateProp + 'OldValue'] = date ? date.getTime()
: undefined;
}
}
return true;
}
});
使用方法:
{
fieldLabel : '起始日期',
name : 'QSRQ',
id : 'QSRQ',
vtype : 'daterange',
xtype : 'datefield',
format : 'Y-n-j',
value : rq1,
endDateField : 'JZRQ'
}
{
fieldLabel : '截止日期',
name : 'JZRQ',
id : 'JZRQ',
vtype : 'daterange',
xtype : 'datefield',
value : new Date(),
format : 'Y-n-j',
startDateField : 'QSRQ'
}
分享到:
相关推荐
工作中需要统计各种各样的日期区间数据,童鞋们估计都是手工或者用数据透视表来透视下数据。今天给大家一种使用函数自动更新日期区间的方法。 第一步用NOW函数取当天的日期,,在另个单元格用day函数取当天的天数:...
HTML5/CSS3带日期区间的日期选择插件
插件描述:HTML5/CSS3带日期区间的日期选择插件.
jQ+HTML5实现清新简易带日期区间的日期选择插件.zip
Kotlin语言写安卓项目 选择日期范围,刷新选择的时间区间所检索的数据 在某大牛原控件的基础上,做了一个拓展使用,可解决一些原控件的bug问题。 文内只写了日期的选择使用,时间的选择类似,详情可参照博客内容: ...
android 日期区间选择控件 年月区间选择
Axure没有自带的日期选择器,这里提供了基础的日期选择,日期区间选择。 当前元件已经精细到可以选择年和选择月,100%模仿了ElementUi的日期选择。 大家可以资源自取,也可以去看我的视频跟我一起动手做一个。...
Bootstrap 日期区间选择插件, 不兼容IE Bootstrap 日期区间选择插件, 不兼容IE Bootstrap 日期区间选择插件, 不兼容IE Bootstrap 日期区间选择插件, 不兼容IE
从百度上面扣下来的日期区间空间,中文的,有案例
Python 获取日期区间的数据 Python源码Python 获取日期区间的数据 Python源码Python 获取日期区间的数据 Python源码Python 获取日期区间的数据 Python源码Python 获取日期区间的数据 Python源码Python 获取日期区间...
jQ带日期区间的日期选择插件是一款用的jQuery HTML5 CSS3日期选择插件,这款日期选择插件的外观还是挺清新简易的,但是整体来说还是挺漂亮的。
资源内包含Tableau使用集动作方式制作的动态选择日期区间的工作簿,有需要的小伙伴可以自行下载使用。
JS日期区间获取时间代码,模仿阿里云获取时间代码。
jquery双日历选择日期区间~~可以选择开始日期至结束日期,希望可以帮助到需要的人
DataRangePicker-日期区间选择器
微信小程序日期区间选择
HTML5_CSS3带日期区间的日期选择插应用模板.zip