`
awaitdeng
  • 浏览: 214057 次
  • 性别: 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%'                                          
	    }) 


实现验证结束时间比开始时间大才通过
分享到:
评论

相关推荐

    Extjs5 日期时间

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

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

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

    extjs日期+时间控件

    http://www.uspcat.com/forum.php?mod=viewthread&tid=5293 帖子上的日期时间控件有显示的问题,现在修改一下发出来, 该控件基于4.1版本

    extjs 日期时间

    extjs2.0实现的日期时间选择控件,直接放在extjs的examples文件夹下运行。

    Extjs5 日期时间公共组件

    日期用Extjs自带的Ext.form.field.Date,时间用Ext.form.field.Number和Ext.form.Label进行组装。 样式为横向的日期、时间,非日期弹出框下方选择时间。 注意事项:1、只有日期、年、月、日全部选择后,才能从name中...

    ExtJS日期时间选择控件示例

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

    Extjs4.1可用的日期时间选择控件

    Extjs4.1可使用的日期时间选择控件,其中有一些不合理之处请各位多提宝贵意见。

    extjs 4.0 日期时间控件

    extjs 4.0 的日期时间控制,解压之后放在ext-4.0.7-gpl下的examples文件夹即可。我是下载的csdn别人的版本改的,别人给的是英文版。我给改成了中文版。

    extjs时间日期选择组件

    extjs时间日期选择组件.

    Extjs6 日期时间控件

    extjs6 的日期时间控件,在日期控件的基础上添加了时间控件,使用combobox下拉选择时间,比使用numberfield更易操作。

    ExtJs日期时间选择控件

    一个常用的ExtJs的日期时间选择控件,可以实现日期和时间的选择

    EXTJS日期扩展年月和年月日时分秒

    分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下显示都是可以的) 2.扩展日期选择时分秒--dateTimeField4.0.html (这个只在EXTJS4.0下显示可以) ...

    ExtJs 日期和时间的整合

    ExtJx DateTime

    ExtJs 带清空功能的日期组件

    ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。

    ExtJs 日期控件加时间

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

    extjs 年月日期插件

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

    ExtJS日期时间控件

    ExtJS日期时间控件,该下载包中有三种日期控件的实现方式,供大家下载学习,绝对超好用……

    extjs6 日期时间控件

    extjs 6 的日期时间控件,不能用我铲脸

    简洁的EXTJS日期选择插件.rar

    一款简洁的外观基于EXTJS的日期选择插件,日历插件,在网页上选择日期使用的小插件,按照ext DatePicker素材及思想简化重新实现日历选择器,尚未实现:键盘导航,小时分钟选择,  1.Date api ,某日属于周几,某月...

    ExtJS4 上传文件类型和大小的判断方法(实例)

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

Global site tag (gtag.js) - Google Analytics