69

我正在开发一个基于 Phonegap 的 iOS 应用程序,该应用程序已经为 Android 完成。以下几行适用于 Android,但不适用于 iOS。为什么?

var d = new Date("2015-12-31 00:00:00");
console.log(d.getDate() + '. ' + d.getMonth() + ' ' + d.getFullYear();

安卓的结果:

31.11 2015

在 iOS 上的结果:

NaN. NaN NaN

差异来自哪里?

4

7 回答 7

153

您的日期字符串不是指定使用的格式new Date。规范中唯一的格式是ISO-8601 的简化版本,在 ES5 (2009) 中添加。你的字符串不是那种格式,但它真的很接近。将其更改为规范中未包含但普遍支持的格式也很容易

四种选择:

  • 使用即将推出的Temporal功能(现在处于第 3 阶段)
  • 指定格式
  • 几乎普遍支持的未指定格式
  • 自己解析

使用即将推出的Temporal功能

截至 2021 年 8 月的此更新,该Temporal提案处于第 3 阶段。您可以使用它来解析您的字符串,将其视为 UTC 或本地时间:

将字符串视为 UTC:

// (Getting the polyfill)
const {Temporal} = temporal;

const dateString = "2015-12-31 00:00:00";
const instant = Temporal.Instant.from(dateString.replace(" ", "T") + "Z");
// Either use the Temporal.Instant directly:
console.log(instant.toLocaleString());
// ...or get a Date object:
const dt = new Date(instant.epochMilliseconds);
console.log(dt.toString());
<script src="https://unpkg.com/@js-temporal/polyfill/dist/index.umd.js"></script>

或将其视为当地时间:

// (Getting the polyfill)
const {Temporal} = temporal;

const dateString = "2015-12-31 00:00:00";

console.log("Parsing as local time:");
const tz = Temporal.Now.timeZone();
const instant = tz.getInstantFor(dateString.replace(" ", "T"));
console.log(instant.toLocaleString());
const dt = new Date(instant.epochMilliseconds);
console.log(dt.toString());
<script src="https://unpkg.com/@js-temporal/polyfill/dist/index.umd.js"></script>

Temporal不存在下面提到的指定日期/时间字符串格式在历史上没有指定时区的问题。

指定格式

如果您将空格更改为 a T,您将符合规范:

var dateString = "2015-12-31 00:00:00";
// Treats the string as local time -- BUT READ BELOW, this varied
var d = new Date(dateString.replace(" ", "T"));
console.log(d.toString());

(我假设您实际上并没有使用字符串文字,因此replace调用。)

为了在旧浏览器中进行可靠的时区处理,您还需要附加一个Z(用于 GMT/UTC)或一个时区指示符(+/ - HH:MM),因为在 ES5 中错误指定了没有它们的字符串处理,在 ES2015 中进行了更新,然后在 ES2016 中进一步更新。当前版本的现代浏览器现在遵循规范,其中说:

  • 如果字符串上有时间但没有时区指示符,则以本地时间解析字符串
  • 如果字符串上没有时间且没有时区指示符,则以 UTC 解析字符串

ES5 表示始终默认为UTC。ES2015 表示始终默认为本地时间。ES2016是定义当前行为的地方。从那以后它一直很稳定。)

所以最好包含一个时区指示器,特别是如果您必须支持旧版浏览器。请注意,它必须是Z(UTC) 或+/ - HH:MMCST不允许使用诸如此类的缩写,因为它们没有标准。这是一个 UTC 示例:

var dateString = "2015-12-31 00:00:00";
// Treat the string as UTC
var d = new Date(dateString.replace(" ", "T") + "Z");
console.log(d.toString());

几乎普遍支持的未指定格式

规范中没有第二种格式,但几乎得到了普遍支持,并且已经存在了很长时间:YYYY/MM/DD HH:MM:SS,它被解释为本地时间。所以:

var dateString = "2015-12-31 00:00:00";
// Treats the string as local time
var d = new Date(dateString.replace(/-/g, "/"));
console.log(d.toString());

不过,这又是未指明的行为,所以请谨慎购买。但它至少可以在 IE8+(可能更早)、Chrome 和其他任何使用 V8 JavaScript 引擎、Firefox 和 Safari 的平台上运行。

自己解析

自己解析该字符串也很容易。使用 ES2020+ 特性:

function parseDate(str) {
    const [dateparts, timeparts] = str.split(" ");
    const [year, month, day] = dateparts.split("-");
    const [hours = 0, minutes = 0, seconds = 0] = timeparts?.split(":") ?? [];
    // Treats the string as UTC, but you can remove the `Date.UTC` part and use
    // `new Date` directly to treat the string as local time
    return new Date(Date.UTC(+year, +month - 1, +day, +hours, +minutes, +seconds));
}

const dateString = "2015-12-31 00:00:00";
const d = parseDate(dateString);
console.log(d.toString());

或者只有 ES5 级别的功能(因为问题来自 2015 年):

function parseDate(str) {
    var parts = str.split(" ");
    var dateparts = parts[0].split("-");
    var timeparts = (parts[1] || "").split(":");
    var year = +dateparts[0];
    var month = +dateparts[1];
    var day = +dateparts[2];
    var hours = timeparts[0] ? +timeparts[0] : 0;
    var minutes = timeparts[1] ? +timeparts[1] : 0;
    var seconds = timeparts[2] ? +timeparts[2] : 0;
    // Treats the string as UTC, but you can remove the `Date.UTC` part and use
    // `new Date` directly to treat the string as local time
    return new Date(Date.UTC(year, month - 1, day, hours, minutes, seconds));
}

var dateString = "2015-12-31 00:00:00";
var d = parseDate(dateString);
console.log(d.toString());

于 2012-11-13T15:41:25.537 回答
6

我不能告诉你为什么。可能是因为 iOS 不像 Android 那样支持 Javascript Date 函数,或者支持不同的格式?

但我可以给你一个解决方法:

var s = "2015-12-31 00:00:00".split(" ")[0].split("-"),
    d = new Date( s[0], s[1], s[2], 0, 0, 0 );

console.log(d);

var s = "2015-12-31 00:00:00".replace(/[ :]/g, "-").split("-"),
    d = new Date( s[0], s[1], s[2], s[3], s[4], s[5] );

console.log(d);
于 2012-11-13T15:38:21.050 回答
5

适用于 IOS 和 Android 并在不需要时避免字符串操作的解决方案是

let fullDate = "1991-03-29 00:00:00";
let date = new Date(fullDate);

// In case its IOS, parse the fulldate parts and re-create the date object.
if(Number.isNaN(date.getMonth())) {
  let arr = fullDate.split(/[- :]/);
  date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
}
于 2018-10-23T17:03:17.603 回答
0

我很难解决这个问题,我终于找到了一个更简单的解决方案并使用了 moment.js。您只需声明每个设备中的日期和工作方式即可。

于 2020-04-16T18:09:03.680 回答
0

如果有人还在寻找它。

在 IE、Safari、IOS-FF、IOS-Safari 等中为我工作。

getIOSSaveDateObj = function(dateString){
    if(dateString.indexOf('-') > 0){
        var arr = dateString.split(/[- :]/);
        var date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]);
    }else{
        var arr = dateString.split(/[. :]/);
        var date = new Date(arr[2], arr[1]-1, arr[0], arr[3], arr[4], arr[5]);
    }
    return date;
}
于 2020-03-20T01:20:02.833 回答
-1

尝试var d = new Date("2015/12/31 00:00:00");为我工作。

于 2012-11-13T15:38:28.323 回答
-3

var d = new Date("2015/12/31T00:00:00");

为我工作:)

谢谢@dda

于 2016-09-13T12:48:48.937 回答