`
awaitdeng
  • 浏览: 216898 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXTJS日期处理 时间差与大小校验

阅读更多
在项目中经常用到的按时间段搜索数据的条件
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 日期和时间的整合

    `Datetime.js`文件很可能是包含自定义日期时间处理逻辑或者扩展了ExtJS的日期时间功能的脚本。它可能包含了特定的日期选择器、时间选择器组件,或者是对现有日期时间组件的增强,比如添加了多语言支持、时间范围限制...

    extjs日期+时间控件

    3. **显示问题与解决**:在上述论坛帖子中提到的日期时间控件显示问题,可能涉及到样式、格式配置、时区处理或者与其他组件的交互。解决此类问题通常需要检查控件的配置项,如`format`属性(用于指定日期和时间的...

    Extjs 5 日期时间控件

    总之,ExtJS 5 的日期时间控件提供了一种方便、直观的方式来处理日期和时间输入,具有高度可配置性和可扩展性。它通过结合日期和时间选择器,满足了开发者对日期时间组件的需求,并且通过丰富的配置选项和事件处理...

    extjs 日期时间

    标签"extjs"表明了这个话题与ExtJS框架紧密相关,如果你正在使用或打算使用ExtJS来开发Web应用,了解其日期时间控件的用法是必不可少的。ExtJS的组件通常是可配置的,你可以根据需求调整日期时间选择器的样式、显示...

    Extjs5 日期时间

    日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式显示为横向的日期、时间,非日期弹出框下方选择日期。 调用代码:Ext.create('erp.ux.form.field.DateTimer', {...

    Extjs6 日期时间控件

    在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...

    ExtJS日期多选组件源码

    通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。

    extjs3.0 日期时间控件

    标题中的"extjs3.0 日期时间控件"指的是ExtJS 3.0框架中的DateTimeField组件,这是一个组合了日期选择器和时间选择器的控件,允许用户以交互的方式选择精确的日期和时间。这个控件通常用于表单中,提供了一种直观且...

    extjs My97使用 extjs时间 extjs日期使用

    extjs4.0结合My97DatePicker4.7版本使用 使用简单 方便 解决extjs中日期控件不能显示时间的问题 下载后将其放到extjs目录的examples下 直接运行date.html即可 extjs4.0版本 4.0以前的版本没有测试过 如果有4.0版本...

    extjs日期显示(如何转换日期格式)

    extjs 中显示日期时间的方法是在后台传递来的数据是 Date 类型的数据,并使用配置消息转换器对 responseBody 输出日期格式进行全局处理。同时,使用 SimpleDateFormat 的构造函数将日期格式数据转换为 UTC 标准时间...

    extjs时间日期选择组件

    EXTJS的时间日期选择组件以其丰富的功能和高度可定制性,成为了开发人员处理日期和时间输入的首选工具。结合`DateTimePicker.js`和`DateTimeField.js`,并参考`使用说明.txt`,开发者可以轻松地在项目中集成这些组件...

    ExtJs日期时间选择控件

    在ExtJs中,日期时间选择控件是开发人员常用的一个组件,它允许用户方便地选择日期和时间,极大地提升了用户体验。本篇文章将深入探讨ExtJs日期时间选择控件的使用、功能以及优化后的特性。 1. **ExtJs日期时间选择...

    extjs 4.0 日期时间控件

    在标题中提到的"extjs 4.0 日期时间控件",是指ExtJS 4.0框架中的DateTime组件,这是一个用于在Web应用中输入和显示日期与时间的控件。 描述中提到了这个控件是经过修改的中文版本。原版可能是英文,但通过定制,...

    ExtJS日期时间选择控件示例

    ExtJS日期时间控件。详细信息参照我的博文: http://blog.csdn.net/lvye1221/article/details/10225941 这是我在 apache 目录下部署了测试示例。将附件中的测试用例,按照以下方式部署好,即可成功访问: apache ...

    ExtJS日期时间控件

    在处理日期时间控件时,理解JavaScript的日期时间格式化(例如使用`Date.prototype.format()`方法)以及ExtJS的格式化规则(如`format`配置项)至关重要。这决定了日期和时间在界面上的显示形式。 6. **事件处理和...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    在EXTJS这个强大的JavaScript框架中,开发者经常遇到各种控件的使用问题,特别是涉及到日期时间选择的组件。本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发...

    extjs3.2、3.3 时间控件 日期控件扩展

    - 通过配置项,可以设置初始值、禁用状态、读取和显示的日期时间格式等。 2. **日期控件(DateField)** - 日期控件允许用户选择日期,通常使用`Ext.form.DateField`类创建。 - 日期控件支持多种日期格式,如'...

    ExtJs 日期控件加时间

    NULL 博文链接:https://azzg2008.iteye.com/blog/446367

    extjs 年月日期插件

    extjs中有时候查询需要通过日期(年月)查询。而这就是一个只显示年月的日期插件,很好用

Global site tag (gtag.js) - Google Analytics