IE7/IE8 中的 Javascript JSON 日期解析返回 NaN

IT技术 javascript date internet-explorer-8 internet-explorer-7 utc
2021-01-24 01:35:13

我正在解析 JSON 事件提要中的日期 - 但日期在 IE7/8 中显示为“NaN”:

// Variable from JSON feed (using JQuery's $.getJSON)
var start_time = '2012-06-24T17:00:00-07:00';

// How I'm currently extracting the Month & Day
var d = new Date(start_time);
var month = d.getMonth();
var day = d.getDate();

document.write(month+'/'+day);// "6/24" in most browsers, "Nan/Nan" in IE7/8

我究竟做错了什么?谢谢!

5个回答

在较旧的浏览器中,您可以编写一个函数来为您解析字符串。

这个创建了一个 Date.fromISO 方法 - 如果浏览器可以从 ISO 字符串中获取正确的日期,则使用本地方法。

一些浏览器部分正确,但返回了错误的时区,因此仅检查 NaN 可能行不通。

填充物:

(function(){
    var D= new Date('2011-06-02T09:34:29+02:00');
    if(!D || +D!== 1307000069000){
        Date.fromISO= function(s){
            var day, tz,
            rx=/^(\d{4}\-\d\d\-\d\d([tT ][\d:\.]*)?)([zZ]|([+\-])(\d\d):(\d\d))?$/,
            p= rx.exec(s) || [];
            if(p[1]){
                day= p[1].split(/\D/);
                for(var i= 0, L= day.length; i<L; i++){
                    day[i]= parseInt(day[i], 10) || 0;
                };
                day[1]-= 1;
                day= new Date(Date.UTC.apply(Date, day));
                if(!day.getDate()) return NaN;
                if(p[5]){
                    tz= (parseInt(p[5], 10)*60);
                    if(p[6]) tz+= parseInt(p[6], 10);
                    if(p[4]== '+') tz*= -1;
                    if(tz) day.setUTCMinutes(day.getUTCMinutes()+ tz);
                }
                return day;
            }
            return NaN;
        }
    }
    else{
        Date.fromISO= function(s){
            return new Date(s);
        }
    }
})()

结果:

var start_time = '2012-06-24T17:00:00-07:00';
var d =  Date.fromISO(start_time);
var month = d.getMonth();
var day = d.getDate();

alert(++month+' '+day); // returns months from 1-12
这很好用,谢谢。如果您能对代码进行一些注释以帮助我们理解您为什么做了某些事情,例如 +D!==1307000069000,我们将不胜感激
2021-03-27 01:35:13
这是在 IE8 中返回 5/24 而不是 6/24 你能更新函数以正常工作吗???
2021-04-10 01:35:13
@jackocnr 这也花了我一分钟。+ 将 D 转换为一个数字。如果是有效日期,则与 D.getTime() 或 1307000069000 相同。否则,为 NaN。不是很可读,但很聪明。
2021-04-11 01:35:13
没有更改函数,只是在警报中 ++ 增加 date.getMonth() 以返回基于 1 的月份。
2021-04-13 01:35:13
正则表达式应更新为: rx=/^(\d{4}\-\d\d\-\d\d([tT ][\d:\.]*)?)([zZ]|( [+\-])(\d\d):?(\d\d))?$/ 在最后一个冒号后添加问号,使其成为可选。时区偏移通常不包括冒号。(例如:“-400”、“+0000”)这是 PHP 中常量 DateTime::ISO8601 的格式,不会产生冒号。
2021-04-14 01:35:13

对于 ie7/8,我刚刚做了:

var ds = yourdatestring;
ds = ds.replace(/-/g, '/');
ds = ds.replace('T', ' ');
ds = ds.replace(/(\+[0-9]{2})(\:)([0-9]{2}$)/, ' UTC\$1\$3');
date = new Date(ds);

这将所有出现的“-”替换为“/”,将时间标记“T”替换为一个空格,并用一个 IE 友好的字符串替换时区信息,这使 IE7/8 能够正确解析字符串中的日期。为我解决了所有问题。

不,它会返回不同的日期实例。new Date('2013/01/01')在 Chrome 和 IE8 中进行比较正确的应该是new Date('2013-01-01Z)(最后注意 Z)。
2021-04-04 01:35:13
我在使用 IE8 时遇到了同样的问题,.replace('-', '/') 解决了这个问题。非常感谢 !
2021-04-04 01:35:13
不。在 IE8 中,这给了我一个字符串“2015/01/12T08:05:02.68”,它转换为“无效日期”值。
2021-04-10 01:35:13
在我之前的帖子中提到“对于 ie7/8”。
2021-04-12 01:35:13
你是对的,'Z' 只在 Chrome 中使用斜杠时才重要,抱歉。我们只是在所有浏览器中用斜杠替换破折号以避免浏览器检测。所以我们需要'Z'。
2021-04-14 01:35:13

请参阅 RobG 在Result of toJSON() on a date is different between IE8 and IE9+ 中的帖子

以下功能在 IE 8 及以下版本中对我有用。

// parse ISO format date like 2013-05-06T22:00:00.000Z
function convertDateFromISO(s) {
  s = s.split(/\D/);
  return new Date(Date.UTC(s[0], --s[1]||'', s[2]||'', s[3]||'', s[4]||'', s[5]||'', s[6]||''))
}

你可以像下面这样测试:

var currentTime = new Date(convertDateFromISO('2013-05-06T22:00:00.000Z')).getTime();
alert(currentTime);
@breckenedge,你是对的。它必须使用 ISO 格式00.000Z
2021-04-04 01:35:13
注意,这不适用于问题中格式化的日期。您必须使用00.000Z时间戳格式,-07:00问题中格式不起作用。
2021-04-11 01:35:13

对于跨浏览器日期问题,我建议http://momentjs.com/

moment.js 是一个不错的选择。我的问题是尺寸,它的大部分周长都用于处理我不关心的东西。(例如,日期时间戳中的希伯来字符)
2021-04-05 01:35:13

@gib 感谢您对 Moment.js 的建议。这个小型库确实有助于处理日期和 JavaScript。

Moment.js 解决了我也遇到的原始问题中描述的问题。当解析为新的 Date() 对象时,IE8 将 JSON ISO 日期显示为 NaN。

快速解决方案(在您的页面中包含 moment.js,或将代码复制到您的 js 函数中包含)

如果您只需要在页面上显示从 JSON ISO 日期加载的日期,请执行以下操作:

order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc.

$('#divOrderDate).html(order_date.calendar()); //use Moment's relative date function to display "today", "yesterday", etc.

或者

order_date = moment(data.OrderDate); //create a "moment" variable, from the "data" object in your JSON function in Protoype or jQuery, etc.

$('#divOrderDate).html(order_date.format('m/d/YYYY')); //use Moment's format function to display "2/6/2015" or "10/19/2014", etc.  

如果您必须有一个 Date() 对象(比如与 jQuery 组件一起使用),请执行以下操作以成功填充您的 JSON 提供的 ISO 日期。(这假设您已经在处理 JSON 数据的功能中。)

var ship_date = new Date(moment(data.ShipDate).format('m/d/YYYY'));  //This will successfully parse the ISO date into JavaScript's Date() object working perfectly in FF, Chrome, and IE8.

//initialize your Calendar component with the "ship_date" variable, and you won't see NaN again.