zoukankan      html  css  js  c++  java
  • ExtJs计算两个DateField所间隔的月份(天数) new Date(str) IE游览器提示NaN 处理

    需求:两个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;
    }
  • 相关阅读:
    requests 关于multipart/form-data类型上传文件
    APPIUM 小程序webview问题
    python多重继承,优先级
    关于apppium启动微信,每次都要重新登录的解决方法
    map函数
    unittest: if __name__ == "__main__" 理解
    接口自动化____如何根据测试数据excel中的数据量多少 去test类中定义同数据量的测试函数
    写一个简单的 django_post demo
    django day1 建立一个简答的django demo
    201903-1 分蛋糕
  • 原文地址:https://www.cnblogs.com/smallfa/p/4767047.html
Copyright © 2011-2022 走看看