Javascript 日期在 iOS 上无效

Question

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

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

Android 的结果：

31.11 2015

iOS 上的结果：

NaN. NaN NaN

差异从何而来？

Answer 1

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

四种选择：

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

使用即将推出的Temporal 功能

截至 2021 年 8 月的此更新，Temporal proposal 处于第 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 不存在下面提到的指定日期/时间字符串格式在历史上未指定时区时存在的问题。

指定格式

如果您将空格更改为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 said 始终默认为 UTC。ES2015 said 始终默认为本地时间。ES2016 是定义当前行为的位置。此后一直保持稳定。）

因此，最好包含一个时区指示符，尤其是在您必须支持旧版浏览器的情况下。注意必须是Z（UTC）或+/-HH:MM；不允许使用像 CST 这样的缩写，因为它们没有标准。这是一个 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());

Answer 2

我不能告诉你为什么。可能是因为 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);

Answer 3

一种适用于 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]);
}

Answer 4

如果有人还在寻找它。

在 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;
}

Answer 5

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

Answer 6

试试var d = new Date("2015/12/31 00:00:00"); 对我有用。

Answer 7

还有

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

为我工作:)

谢谢@dda