Question

我正在从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

我做错了什么？谢谢！

Answer 1

在旧版浏览器中，您可以编写一个函数来解析字符串。

这个创建一个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

Answer 2

对于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能够正确地解析字符串中的日期。为我解决了所有问题。

Answer 3

请参阅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);

Answer 4

我建议http://momentjs.com/了解跨浏览器日期问题。

Answer 5

@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.

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

5 个答案: