date()函数返回Safari和Firefox中的无效日期

Question

date()函数返回Safari和Firefox中的无效日期

Ben*_*rce 10 javascript safari firefox datetime date

我按以下方式格式化日期:

date = new Date("2013-05-12 20:00:00");
formattedDate = new Date(date.getFullYear(),date.getMonth(),date.getDate());

Run Code Online (Sandbox Code Playgroud)

当我在Chrome中运行它时输出:

Sun May 12 2013 00:00:00 GMT-0700 (PDT)

Run Code Online (Sandbox Code Playgroud)

这就是我需要的,但是当我在Firefox或Safari中运行时,我得到了

Invalid Date

Run Code Online (Sandbox Code Playgroud)

任何人都可以为此建议解决方法.如果它不需要库,正则表达式或字符串操作,则为额外点.

Answer 1

Mat*_*int 12

虽然该值2013-05-12 20:00:00是ISO8601指定的几种有效格式,但最好使用RFC3339中定义的配置文件,RFC3339是ISO8601的子集.

这意味着您应该同时具有T分隔符和时区偏移量 - 可以是数字或Z指定UTC.换句话说,您应该使用类似值2013-05-12T20:00:00-07:00或等效值2013-05-13T03:00:00Z.

现在,无论您是否具有正确格式化的输入值,都会出现浏览器兼容性问题.所有现代浏览器都支持ISO8601,但有些浏览器的解释方式不同.例如,在Google Chrome中,如果省略T它,即使最后有一个Z,它也会被解析为本地时间.在Internet Explorer中,与T省略相同的值将返回无效的日期错误.

更好的方法是使用一个抽象这些差异的库,这样您就可以专注于您的应用程序而不是浏览器的怪癖.我知道的最好的图书馆是moment.js.除了完全支持ISO日期之外,您还可以使用自定义格式字符串以任何方式解析输入.它还有很多其他功能.我强烈建议你去看看.

使用moment.js,您可以执行以下操作:

// from a full date-time-offset ISO8601/RFC3339 value
var m = moment('2013-05-12T20:00:00-07:00');

// or from your custom value, with explicit formatting
// this will assume the local time zone because you didn't specify one
var m = moment('2013-05-12 20:00:00','YYYY-MM-DD HH:mm:ss');

// then you can output it in a custom format if you like
m.format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, May 12th 2013, 8:00:00 pm"

Run Code Online (Sandbox Code Playgroud)

据我所知,moment.js适用于所有浏览器 - 包括像IE6这样的旧版本.

Answer 2

Vad*_*dim 8

您的日期格式不是某些浏览器的标准格式.要解析自定义日期时间格式,您可以将其拆分为单独的值,并使用另一个Date接受year, month, day, hours, minutes, seconds并符合浏览器标准的构造函数.对于你的情况,它将是这样的:

var date = "2013-05-12 20:00:00",
    values = date.split(/[^0-9]/),
    year = parseInt(values[0], 10),
    month = parseInt(values[1], 10) - 1, // Month is zero based, so subtract 1
    day = parseInt(values[2], 10),
    hours = parseInt(values[3], 10),
    minutes = parseInt(values[4], 10),
    seconds = parseInt(values[5], 10),
    formattedDate;

formattedDate = new Date(year, month, day, hours, minutes, seconds);

Run Code Online (Sandbox Code Playgroud)

这里的工作示例http://jsbin.com/ewozew/1/edit