ExtJs计算两个DateField所间隔的月份(天数)


需求:两个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);
                       }
}
      });

作者:suixufeng
原文:http://blog.csdn.net/suixufeng/article/details/8081843