Question

我的代码在Google Chrome中正常运行，但在Safari中无效。

我发现我需要将yyyy-MM-dd HH:mm:ss转换为ISO 8601，但我没有找到解决方案来执行此操作。

使用Javascript：

$(document).ready(function() {

    calculateMinutes();
    setInterval(calculateMinutes, 60000);

});

function calculateMinutes() {
    $('.calculateMinutes').each(function () {
        var diff = Math.abs(new Date( $(this).data('timestamp') ) - new Date());
        var minutes = Math.floor((diff/1000)/60);
        $(this).html( minutes + ' min.' );
    });
}

HTML示例：

<span class="calculateMinutes" data-timestamp="2014-02-18 15:00:48">

Answer 1

为了让您的问题更轻松，问题在于：

new Date('2014-02-18 15:00:48')

这项工作在Chrome中没问题但在safari中没有。关于ECMAScript 5 ISO-8601 format support的mdn谈到：

或者，日期/时间字符串可以是ISO 8601格式。对于例如，“2011-10-10”（仅限日期）或“2011-10-10T14：48：00”（日期和时间）时间）可以传递和解析。

如果您添加T，则可以使用

new Date('2014-02-18T15:00:48')

您可以使用new Date('2014-02-18T15:00:48'.replace(/\s/, 'T'))。

如果你处理很多像这样的情况，我会建议使用moment，无论有没有T：parsing from string，它似乎能很好地处理这种情况。另外，使用momentjs可以更轻松地完成整个示例：

var minutes = moment().diff("2014-02-18 15:00:48", 'minutes');

Answer 2

我认为何塞在这里错过了一点 - 不要忘记包含Z，否则会有时区滞后。

新日期（'2014-02-18T15：00：48'）新日期（'2014-02-18T15：00：48Z'）

您可以使用new Date('2014-02-18T15:00:48'.replace(/\s/, 'T')+'Z').

有关详细信息，请参阅此处 - new Date() works differently in Chrome and Firefox

Answer 3

我以前见过这样的问题，对我来说有用的是用T替换日期和时间之间的空格。试试这个：

更新了JavaScript：

function calculateMinutes() {
    $('.calculateMinutes').each(function () {
        var timestamp = $(this).data('timestamp').replace(' ', 'T');
        var diff = Math.abs(new Date(timestamp) - new Date());
        var minutes = Math.floor((diff / 1000) / 60);
        $(this).html(minutes + ' min.');
    });
}

JSFiddle here

Safari Javascript Date（）NaN问题（yyyy-MM-dd HH：mm：ss）

3 个答案: