需求:两个DateField控件,分别为开始时间和结束时间。当选择完结束时间后,自动计算这两个时间段所间隔的月或天数。
需要解决的问题:
1.直接使用Ext.getCmp('endDate').getValue()所取得的日期无法直接使用,需要使用Ext.util.Format.date()格式化
2.默认计算得到的时间差为毫秒,需要转换。1天=86400000毫秒。
3.得到的数需要使用Math.round()函数取整数。
4.为结束时间的日期控件加监听事件。
01.var serviceTimeStart = new Ext.form.DateField({02.name: "serviceTimeEnd",//最新交费时间参数为上期终止时间03.id:"startdate",04.fieldLabel: "服务开始时间",05.allowBlank: false,06. 180,07.tabIndex: 8,08.format: 'Y-m-d',09.blankText: "不能为空"10. 11.});12.var serviceTimeEnd = new Ext.form.DateField({13.// name: "serviceTimeEnd",14.id:"endDate",15.fieldLabel: "服务终止时间",16. 180,17.tabIndex: 9,18.format: 'Y-m-d',19. 20.listeners:{ 21.change:function() 22.{ 23. 24.var e = Ext.util.Format.date(Ext.getCmp('endDate').getValue(), 'Y-m-d');//格式化日期控件值25.var s= Ext.util.Format.date(Ext.getCmp('startdate').getValue(), 'Y-m-d');//格式化日期控件值26. 27.var end = new Date(e);28.var start = new Date(s);29.var elapsed = Math.round((end.getTime() - start.getTime())/(86400000*30)); // 计算间隔月数30. 31.Ext.MessageBox.alert(elapsed);32.}33.}34.});转http://extjs.org.cn/node/572
--------------------------new Date(str) IE游览器提示NaN-------------------------------------- 处理如下:
/*
* new Date(str)
* 兼容不同浏览器
*/
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
return date;
}
* new Date(str)
* 兼容不同浏览器
*/
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
return date;
}