JavaScript：哪些浏览器支持使用Date.parse解析ISO-8601日期字符串

Question

我没能在IE8和Safari 5上解析ISO-8601日期“2011-04-26T13：16：50Z”，但它适用于Chrome 10，FF4。 支持似乎很混杂？

有谁知道哪些浏览器可以解析这种格式的实际状态？ 我假设IE6，7也会失败。

var d = Date.parse("2011-04-26T13:16:50Z");

Answer 1

我说只有通过一些测试才需要它，

这是我已经写过的：

(function() {

var d = window.Date,
    regexIso8601 = /^(\d{4}|\+\d{6})(?:-(\d{2})(?:-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})\.(\d{1,3})(?:Z|([\-+])(\d{2}):(\d{2}))?)?)?)?$/;

if (d.parse('2011-11-29T15:52:30.5') !== 1322581950500 ||
    d.parse('2011-11-29T15:52:30.52') !== 1322581950520 ||
    d.parse('2011-11-29T15:52:18.867') !== 1322581938867 ||
    d.parse('2011-11-29T15:52:18.867Z') !== 1322581938867 ||
    d.parse('2011-11-29T15:52:18.867-03:30') !== 1322594538867 ||
    d.parse('2011-11-29') !== 1322524800000 ||
    d.parse('2011-11') !== 1320105600000 ||
    d.parse('2011') !== 1293840000000) {

    d.__parse = d.parse;

    d.parse = function(v) {

        var m = regexIso8601.exec(v);

        if (m) {
            return Date.UTC(
                m[1],
                (m[2] || 1) - 1,
                m[3] || 1,
                m[4] - (m[8] ? m[8] + m[9] : 0) || 0,
                m[5] - (m[8] ? m[8] + m[10] : 0) || 0,
                m[6] || 0,
                ((m[7] || 0) + '00').substr(0, 3)
            );
        }

        return d.__parse.apply(this, arguments);

    };
}

d.__fromString = d.fromString;

d.fromString = function(v) {

    if (!d.__fromString || regexIso8601.test(v)) {
        return new d(d.parse(v));
    }

    return d.__fromString.apply(this, arguments);
};

})();

并在您的代码中只使用Date.fromString(...)而不是new Date(...)

测试浏览器以查看是否将使用垫片：

http://jsbin.com/efivib/1/edit

适用于所有主流浏览器，使用以下引用：

http://dev.w3.org/html5/spec/common-microsyntaxes.html

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15

http://msdn.microsoft.com/en-us/library/windows/apps/ff743760(v=vs.94).aspx

http://msdn.microsoft.com/en-us/library/windows/apps/wz6stk2z(v=vs.94).aspx

http://msdn.microsoft.com/en-us/library/windows/apps/k4w173wk(v=vs.94).aspx

！ - microsoft connect需要登录才能查看：

IE9在毫秒级失败，数字计数不是3 :(在IE10中修复） https://connect.microsoft.com/IE/feedback/details/723740/date-parse-and-new-date-fail-on-valid -格式

当省略时区时，IE10仍然（截至2013年1月17日）失败（根据ECMA，这应该定义为Z或UTC，而不是本地）： https ：//connect.microsoft.com/IE/feedback/ 细节/ 776783 /日期语法分析和新日期-失败-上有效的格式

- 如果您关心标准现在/将来的位置以及为什么我不能让IE团队认识到他们的IE10实现在技术上不正确，请阅读此内容：

ECMAScript-262 v6.0将转向稍微更符合iso8601的版本“如果省略时区指示器，假定当地时间”......所以现在存在差异，这种实现，chrome，移动safari和opera all遵循ECMAScript-262 v5.1，而IE10，firefox，桌面游戏似乎都遵循更符合iso8601标准的ECMAScript-262 v6.0规范...这至少令人困惑。 当chrome或移动safari拉动触发器并转移到ES6实现时，我认为这个实现应该与它一起使ES5.1成为少数。 我已经读过，这是在5.1版的“勘误表”中列出的，虽然我还没有找到它。 我更倾向于认为现在推动ES6的触发还为时尚早，但我也认为代码需要实用，不理想，并转向浏览器制造商转向的地方。 也就是说，它现在似乎是一个50/50的决定，所以下面是这个代码的“未来”版本......

我还应该提一下，任何一个版本的代码都会规范化“不兼容”的浏览器以匹配另一个浏览器的行为，因为这就是垫片的作用;）

这里适应的版本与ECMAScript-262 v6.0兼容（JavaScript未来）

请参阅此处的相关部分:(这是我能找到的唯一在线html版本的规范） http://people.mozilla.org/~jorendorff/es6-draft.html#sec-15.9.1.15

(function() {

    var d = window.Date,
        regexIso8601 = /^(\d{4}|\+\d{6})(?:-(\d{2})(?:-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})\.(\d{1,})(Z|([\-+])(\d{2}):(\d{2}))?)?)?)?$/,
        lOff, lHrs, lMin;

    if (d.parse('2011-11-29T15:52:30.5') !== 1322599950500 ||
        d.parse('2011-11-29T15:52:30.52') !== 1322599950520 ||
        d.parse('2011-11-29T15:52:18.867') !== 1322599938867 ||
        d.parse('2011-11-29T15:52:18.867Z') !== 1322581938867 ||
        d.parse('2011-11-29T15:52:18.867-03:30') !== 1322594538867 ||
        d.parse('2011-11-29') !== 1322524800000 ||
        d.parse('2011-11') !== 1320105600000 ||
        d.parse('2011') !== 1293840000000) {

        d.__parse = d.parse;

        lOff = -(new Date().getTimezoneOffset());
        lHrs = Math.floor(lOff / 60);
        lMin = lOff % 60;

        d.parse = function(v) {

            var m = regexIso8601.exec(v);

            if (m) {
                return Date.UTC(
                    m[1],
                    (m[2] || 1) - 1,
                    m[3] || 1,
                    m[4] - (m[8] ? m[9] ? m[9] + m[10] : 0 : lHrs) || 0,
                    m[5] - (m[8] ? m[9] ? m[9] + m[11] : 0 : lMin) || 0,
                    m[6] || 0,
                    ((m[7] || 0) + '00').substr(0, 3)
                );
            }

            return d.__parse.apply(this, arguments);

        };
    }

    d.__fromString = d.fromString;

    d.fromString = function(v) {

        if (!d.__fromString || regexIso8601.test(v)) {
            return new d(d.parse(v));
        }

        return d.__fromString.apply(this, arguments);
    };

})();

希望这有助于确定

Answer 2

在任何浏览器中解析ISO8601日期格式的简单功能：

function dateFromISO8601(isoDateString) {
  var parts = isoDateString.match(/\d+/g);
  var isoTime = Date.UTC(parts[0], parts[1] - 1, parts[2], parts[3], parts[4], parts[5]);
  var isoDate = new Date(isoTime);

  return isoDate;
}

Answer 3

我今天遇到了这个问题。 我发现momentjs是在跨浏览器庄园中解析ISO 8601日期的好方法。

momentjs也可用于以不同的格式输出日期。

Answer 4

是的，Date.parse对于不同的浏览器不一致。 你可以：

• 改为使用Date.UTC ，它将日期字符串分解为单独的输入
• 使用像jQuery的parseDate这样的包装器库

Answer 5

ES5规范偏离了ISO8601规范，特别是在没有时区指示/偏移的情况下处理日期时。 https://bugs.ecmascript.org/show_bug.cgi?id=112上有一个描述问题的错误提示，看起来它将在ES6中得到修复。

目前，我建议查看https://github.com/csnover/js-iso8601以获得跨浏览器实施。 我使用https://github.com/csnover/js-iso8601/tree/lax ，它不符合ES5规范，但与其他JSON序列化库（如JSON.NET）具有更好的互操作性。

Answer 6

如果解析ISO日期字符串，某些旧版浏览器会返回错误的日期（而不是NaN）。

您可以在所有浏览器中使用自己的方法，或者如果正确实现，则使用Date.parse-检查已知的时间戳。

Date.fromISO= (function(){
    var diso= Date.parse('2011-04-26T13:16:50Z');
    if(diso=== 1303823810000) return function(s){
        return new Date(Date.parse(s));
    }
    else return 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/).map(function(itm){
                return parseInt(itm, 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;
    }
})()

Answer 7

我发现ckozl的答案非常有用和有趣，但正则表达式并不完美，它在我的情况下不起作用。

除了没有解析分钟，秒或毫秒的日期之外，ISO 8501规范说' - '和'：'分隔符是可选的，因此“2013-12-27”和“20131227”都是有效的。 在我的例子中，这很重要，因为我在PHP的JavaScript变量中设置服务器日期和时间：

var serverDate = new Date(Date.parse("<?php date(DateTime::ISO8601); ?>"));

此代码生成如下内容：

<script>
var serverDate = new Date(Date.parse("2013-12-27T15:27:34+0100"));
</script>

重要的部分是时区指示符“+0100”，其中缺少“：”。 虽然Firefox正确解析了该字符串，但是IE（11）失败了（如果添加'：'，那么IE也可以工作）。 关于zonetime和ckozl描述的ECMAScript规范的头痛在我的情况下并不重要，因为PHP总是添加时区指示符。

我正在使用的RegExp，而不是来自ckozl的那个：

var regexIso8601 = /^(\d{4}|\+\d{6})(?:-?(\d{2})(?:-?(\d{2})(?:T(\d{2})(?::?(\d{2})(?::?(\d{2})(?:(?:\.|,)(\d{1,}))?)?)?(Z|([\-+])(\d{2})(?::?(\d{2}))?)?)?)?)?$/;

请记住，此正则表达式也不完美。 ISO 8501允许周规格（2007年 - 星期一，2007年1月1日为W01-1），或小时和分钟的小数分数（18：30：00为18.50，18：30：15为18：30.25）。 但它们很不寻常。

PD这个答案应该是，我想，对原来的chozl答案的评论，但我没有足够的声誉:(

Answer 8

如前所述，ECMAScript版本5中添加了ISO 8601样式日期，其中实现不一致，并且并非在所有浏览器中都可用。 有一个数量 的可用的脚本存根，但是你可能希望简单地添加自己的Date.parse *方法。

(function() {
  //ISO-8601 Date Matching
  var reIsoDate = /^(\d{4})-(\d{2})-(\d{2})((T)(\d{2}):(\d{2})(:(\d{2})(\.\d*)?)?)?(Z|[+-]00(\:00)?)?$/;
  Date.parseISO = function(val) {
    var m;

    m = typeof val === 'string' && val.match(reIsoDate);
    if (m) return new Date(Date.UTC(+m[1], +m[2] - 1, +m[3], +m[6] || 0, +m[7] || 0, +m[9] || 0, parseInt((+m[10]) * 1000) || 0));

    return null;
  }

  //MS-Ajax Date Matching
  var reMsAjaxDate = /^\\?\/Date\((\-?\d+)\)\\?\/$/;
  Date.parseAjax = function(val) {
    var m;

    m = typeof val === 'string' && val.match(reMsAjaxDate);
    if (m) return new Date(+m[1]);

    return null;
  }
}();

我使用上面的方法进行日期的JSON.parse水化...

JSON.parse(text, function(key, val) {
  return Date.parseISO(val) || Date.parseAjax(val) || val;
});

Answer 9

ECMAScript-262 v5添加了ISO 8601日期格式。 因此，如果浏览器不兼容v5，您根本无法期望能够处理ISO 8601格式。

不兼容v5的浏览器可以使用他们想要的任何特定于实现的日期格式。 但是，他们中的大多数至少支持RFC822 / RFC1123日期格式 。 例：

var d = Date.parse("Wed, 26 Apr 2011 13:16:50 GMT+0200");

Answer 10

Microsoft Sharepoint 2013也使用不同的表示法，例如“2013-04-30T22：00：00Z”

如果要将sharepoint 2013中的REST服务与Internet Explorer 8（IE8）结合使用，则ckozl的解决方案无法正常工作。 你会得到NaN

将正则表达式行更改为：

regexIso8601 = /^(\d{4}|\+\d{6})(?:-(\d{2})(?:-(\d{2})(?:T(\d{2}):(\d{2}):(\d{2})(\.(\d{1,3}))?(?:Z|([\-+])(\d{2}):(\d{2}))?)?)?)?$/;

这将使微秒位可选！

cheerio，狮子座