extjs计算两个DateField所间隔的月份（天数）

Posted 2022-01-25 mike-mei

需求：两个DateField控件，分别为开始时间和结束时间。当选择完结束时间后，自动计算这两个时间段所间隔的月或天数。

需要解决的问题：

1.直接使用Ext.getCmp(‘endDate‘).getValue()所取得的日期无法直接使用，需要使用Ext.util.Format.date()格式化

2.默认计算得到的时间差为毫秒，需要转换。1天=86400000毫秒。

3.得到的数需要使用Math.round()函数取整数。

4.为结束时间的日期控件加监听事件。

     var serviceTimeStart = new Ext.form.DateField(
          name: "serviceTimeEnd",//最新交费时间参数为上期终止时间
          id:"startdate",
          fieldLabel: "服务开始时间",
          allowBlank: false,
          width: 180,
          tabIndex: 8,
          format: ‘Y-m-d‘,
          blankText: "不能为空"
          
            );
      var serviceTimeEnd = new Ext.form.DateField(
//          name: "serviceTimeEnd",
           id:"endDate",
          fieldLabel: "服务终止时间",
          width: 180,
          tabIndex: 9,
          format: ‘Y-m-d‘,
         
                     listeners: 
                      change:function() 
                       
 
                 var e = Ext.util.Format.date(Ext.getCmp(‘endDate‘).getValue(), ‘Y-m-d‘);//格式化日期控件值
                    var s= Ext.util.Format.date(Ext.getCmp(‘startdate‘).getValue(), ‘Y-m-d‘);//格式化日期控件值
 
                       var end = new Date(e);
                    var start = new Date(s);
                    var elapsed = Math.round((end.getTime() - start.getTime())/(86400000*30)); // 计算间隔月数
 
                         Ext.MessageBox.alert(elapsed);
                       

      );