在项目中经常用到的按时间段搜索数据的条件
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%'
})
实现验证结束时间比开始时间大才通过
分享到:
相关推荐
`Datetime.js`文件很可能是包含自定义日期时间处理逻辑或者扩展了ExtJS的日期时间功能的脚本。它可能包含了特定的日期选择器、时间选择器组件,或者是对现有日期时间组件的增强,比如添加了多语言支持、时间范围限制...
3. **显示问题与解决**:在上述论坛帖子中提到的日期时间控件显示问题,可能涉及到样式、格式配置、时区处理或者与其他组件的交互。解决此类问题通常需要检查控件的配置项,如`format`属性(用于指定日期和时间的...
总之,ExtJS 5 的日期时间控件提供了一种方便、直观的方式来处理日期和时间输入,具有高度可配置性和可扩展性。它通过结合日期和时间选择器,满足了开发者对日期时间组件的需求,并且通过丰富的配置选项和事件处理...
标签"extjs"表明了这个话题与ExtJS框架紧密相关,如果你正在使用或打算使用ExtJS来开发Web应用,了解其日期时间控件的用法是必不可少的。ExtJS的组件通常是可配置的,你可以根据需求调整日期时间选择器的样式、显示...
日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...
在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...
通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。
标题中的"extjs3.0 日期时间控件"指的是ExtJS 3.0框架中的DateTimeField组件,这是一个组合了日期选择器和时间选择器的控件,允许用户以交互的方式选择精确的日期和时间。这个控件通常用于表单中,提供了一种直观且...
extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...
extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,并使用配置消息转换器对 responseBody 输出日期格式进行全局处理。同时,使用 SimpleDateFormat 的构造函数将日期格式数据转换为 UTC 标准时间...
EXTJS的时间日期选择组件以其丰富的功能和高度可定制性,成为了开发人员处理日期和时间输入的首选工具。结合`DateTimePicker.js`和`DateTimeField.js`,并参考`使用说明.txt`,开发者可以轻松地在项目中集成这些组件...
在ExtJs中,日期时间选择控件是开发人员常用的一个组件,它允许用户方便地选择日期和时间,极大地提升了用户体验。本篇文章将深入探讨ExtJs日期时间选择控件的使用、功能以及优化后的特性。 1. **ExtJs日期时间选择...
在标题中提到的"extjs 4.0 日期时间控件",是指ExtJS 4.0框架中的DateTime组件,这是一个用于在Web应用中输入和显示日期与时间的控件。 描述中提到了这个控件是经过修改的中文版本。原版可能是英文,但通过定制,...
ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...
在处理日期时间控件时,理解JavaScript的日期时间格式化(例如使用`Date.prototype.format()`方法)以及ExtJS的格式化规则(如`format`配置项)至关重要。这决定了日期和时间在界面上的显示形式。 6. **事件处理和...
在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...
在EXTJS这个强大的JavaScript框架中,开发者经常遇到各种控件的使用问题,特别是涉及到日期时间选择的组件。本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发...
- 通过配置项,可以设置初始值、禁用状态、读取和显示的日期时间格式等。 2. **日期控件(DateField)** - 日期控件允许用户选择日期,通常使用`Ext.form.DateField`类创建。 - 日期控件支持多种日期格式,如'...
NULL 博文链接:https://azzg2008.iteye.com/blog/446367
extjs中有时候查询需要通过日期(年月)查询。而这就是一个只显示年月的日期插件,很好用