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

来源:岁月联盟 编辑:exp 时间:2012-10-18

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

需要解决的问题:

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

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

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

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

[javascript] 
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); 
                  } 
 
 });