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