在项目中经常用到的按时间段搜索数据的条件
ExTJS搜索表单代码如下:
this.formField = {
contaNo :{
xtype:'textfield',
fieldLabel: '集装箱号',
cls:'x-upper-text',
width:120,
name: 'contaNo',
vtype:'alphanum',
// regex: /^\w+$/,
// regexText:"集装箱号只能由字母和数字组成!",
maxLength:12,
upperText: true,
anchor:'100%'
},
billNo :{
xtype:'textfield',
fieldLabel: '提单号',
cls:'x-upper-text',
width:120,
// regex: /^\w+$/,
//regexText:'提单号只能由字母和数字组成',
vtype:'alphanum',
name: 'billNo',
maxLength:15,
upperText: true,
anchor:'100%'
},
beginDate: new Ext.form.ExtDateField({
fieldLabel: '从',
name: 'beginDate',
width:120,
format:'Y-m-d',
value:new Date(new Date().getTime() - 1000 * 60 * 60 * 24 * 7),
allowBlank: false,
anchor:'100%',
inputFormat:'Y-m-d'
}),
endDate : new Ext.form.ExtDateField({
fieldLabel: '至<font color=red>*</font>',
altFormats : "y-n-j|Y-m-d|Y-n-j|y-m-j|y-n-d|y-m-d|Y-n-d|Y-m-j",
name: 'endDate',
format:'Y-m-d',
width:120,
allowBlank:false,
value: new Date(),
anchor:'100%'
})
};
1 -- 其中的开始时间 从 beginDate 的"value:new Date(new Date().getTime() - 1000 * 60 * 60 * 24 * 7),”
表示当前日期减去7天
或者用 value: new Date().add(Date.DAY,-30);
2 --用 var beginDate =this.mainForm.getForm().findField("beginDate").getValue().dateFormat('Y-m-d');获得 如2012 -7-12格式的日期数据
又如
this.ckDate=function(){
//alert(this.formField);
var v1 = Ext.getCmp("beginDate").getValue();
var v2 = Ext.getCmp("endDate").getValue();
if(v1=="" || v2=="") return true;
return v2 > v1;
},
beginDate: new Ext.form.ExtDateField({
fieldLabel: '从',
name: 'beginDate',
id:'beginDate',
width:120,
format:'Y-m-d',
value:new Date(new Date().getTime() - 1000 * 60 * 60 * 24 * 7),
allowBlank: false,
[b] validator:this.ckDate,[/b] anchor:'100%',
inputFormat:'Y-m-d'
}),
endDate : new Ext.form.ExtDateField({
fieldLabel: '至<font color=red>*</font>',
altFormats : "y-n-j|Y-m-d|Y-n-j|y-m-j|y-n-d|y-m-d|Y-n-d|Y-m-j",
name: 'endDate',
id:'endDate',
format:'Y-m-d',
[b]validator:this.ckDate,[/b] width:120,
allowBlank:false,
value: new Date(),
anchor:'100%'
})
实现验证结束时间比开始时间大才通过
分享到:
相关推荐
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
http://www.uspcat.com/forum.php?mod=viewthread&tid=5293 帖子上的日期时间控件有显示的问题,现在修改一下发出来, 该控件基于4.1版本
extjs2.0实现的日期时间选择控件,直接放在extjs的examples文件夹下运行。
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
Extjs4.1可使用的日期时间选择控件,其中有一些不合理之处请各位多提宝贵意见。
extjs 4.0 的日期时间控制,解压之后放在ext-4.0.7-gpl下的examples文件夹即可。我是下载的csdn别人的版本改的,别人给的是英文版。我给改成了中文版。
extjs时间日期选择组件.
extjs6 的日期时间控件,在日期控件的基础上添加了时间控件,使用combobox下拉选择时间,比使用numberfield更易操作。
一个常用的ExtJs的日期时间选择控件,可以实现日期和时间的选择
分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) ...
ExtJx DateTime
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
NULL 博文链接:https://azzg2008.iteye.com/blog/446367
extjs中有时候查询需要通过日期(年月)查询。而这就是一个只显示年月的日期插件,很好用
ExtJS日期时间控件,该下载包中有三种日期控件的实现方式,供大家下载学习,绝对超好用……
extjs 6 的日期时间控件,不能用我铲脸
一款简洁的外观基于EXTJS的日期选择插件,日历插件,在网页上选择日期使用的小插件,按照ext DatePicker素材及思想简化重新实现日历选择器,尚未实现:键盘导航,小时分钟选择, 1.Date api ,某日属于周几,某月...
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。