ExtJs内的Ext.form.Panel中datefield控件选择日期过后的事件监听select以及比较两个时间的大小

浅浅的花香味﹌ 2021-09-14 10:34 404阅读 0赞

### 需求 ###

那就是用于比较两个时间大小

### 1.选择日期后触发事件的方法 ###

{
        xtype: 'datefield',
        name: 'birthday',
        format: 'Y-m-d',
        hideTrigger: true, //隐藏文本框后面的图标
        fieldLabel: '出生年月',
        listeners: {
        //添加日期选择事件
        "select": function () { 
        alert("你选择了日期~!");
    },

### 2.案例效果 ###

![这里写图片描述][SouthEast]

### 3.代码 ###

var applyTime = Ext.create("Ext.form.Panel",{
                width:"100%",
                height:30,
                border:0,
                layout : {
                    type : 'table',
                    columns : '2'
                },
                items:[
                    {
                        xtype: 'datefield',
                        id:"applyStartDate",
                        labelWidth: 65,
                        fieldLabel: '调度日期',
                        // style:"margin-left:20px;",
                        format: 'Y-m-d',
                        width:250
                    },
                    {
                        xtype: 'datefield',
                        id:"applyEndDate",
                        width:300,
                        labelSeparator :'',
                        labelWidth: 110,
                        fieldLabel: '——————— ',
                        style:"margin-left:20px;",
                        format: 'Y-m-d',
                        listeners:{
                            "select": function () { 
                                var applyStartDate = Ext.getCmp('applyStartDate').rawValue;
                                if(applyStartDate){
                                    applyStartDate=applyStartDate.split("-");
                                    var applyStartDateValue = 
                                    parseInt(applyStartDate[0]+applyStartDate[1]+applyStartDate[2]);
                                }
                                var applyEndDate = Ext.getCmp('applyEndDate').rawValue;
                                if(applyEndDate){
                                    applyEndDate=applyEndDate.split("-");
                                    var applyEndDateValue =                                
                                   parseInt(applyEndDate[0]+applyEndDate[1]+applyEndDate[2]);
                                }
                                if(applyStartDate==""){
                                    Ext.Msg.alert("提示","请先输入初始日期");
                                    Ext.getCmp('applyEndDate').reset( );
    
                                }
                                if(applyEndDateValue-applyStartDateValue<0){
                                    Ext.Msg.alert("提示","输入的结束日期日期有误");
                                    Ext.getCmp('applyEndDate').reset( );
                                }
                            }
                        }
    
                    }
                ]
            });

[SouthEast]: /images/20210726/dca0f7446fa64d45870241b02c48aca3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，404人围观）

还没有评论，来说两句吧...

相关阅读

相关【jQuery日期处理】两个时间大小的比较

unction checkEndTime()\{ var startTime=$("\startTime").val(); var start=new Date(...

阳光穿透心脏的1/2处/ 2024年04月20日 11:15/ 0 赞/ 110 阅读

相关 Java比较两个时间的大小

1、创建测试类（DateTest2.java） package com.jeff; import java.text.ParseException;

迈不过友情╰/ 2023年06月24日 05:24/ 0 赞/ 212 阅读

相关 C#比较两个日期的大小

C\比较两个日期的大小标签： [ c\][c][date][][class][] 2010-03-31 19:24 38040人阅读 [评论][Link 1](1)

傷城~/ 2022年07月13日 12:25/ 0 赞/ 356 阅读

相关 JQuery两个时间大小的比较

var starttime = $('txtStorageTimeStart').val(); var endtime = $('txtStorage

本是古典何须时尚/ 2022年06月17日 02:18/ 0 赞/ 328 阅读

相关 java中比较两个日期的大小

String beginTime=new String("2014-08-15 10:22:22"); String endTime=new String("

Bertha 。/ 2022年05月21日 11:50/ 0 赞/ 306 阅读

相关 java中比较两个日期的大小

String beginTime=new String("2014-08-15 10:22:22"); String endTime=new String("

蔚落/ 2022年05月16日 02:53/ 0 赞/ 273 阅读

相关比较两个时间字符串的大小

有两个日期字符串，“2019-01-21”和“2019-02-12”，现在需要比较这两个字符串的大小。比较简单的方法是可以使用String类中的compareTo（）方法比

深藏阁楼爱情的钟/ 2022年03月15日 03:20/ 0 赞/ 481 阅读

相关 js-比较两个日期的大小的方法【字符串比较和时间撮比较】

let a = Date.parse("8/31/2019"); let b = Date.parse("9/01/2019");

Love The Way You Lie/ 2021年10月01日 05:22/ 0 赞/ 512 阅读

相关 ExtJs内的Ext.form.Panel中datefield控件选择日期过后的事件监听select以及比较两个时间的大小

需求那就是用于比较两个时间大小 1.选择日期后触发事件的方法 { xtype: 'datefield', name: '

浅浅的花香味﹌/ 2021年09月14日 10:34/ 0 赞/ 405 阅读

相关 ExtJs日期时间选择控件（精确到秒）

一。一些废话近日来，有几个项目用到了EXTJS作为Web前端。也看到了一些童鞋苦苦在网上寻觅可以选择时间的控件，由于EXTJS版本差异较大，利用官方3.2的Demo制作了

叁歲伎倆/ 2021年06月24日 13:58/ 0 赞/ 622 阅读