日期功能在 IE8 中不起作用

Question

我有以下在 Chrome 中可以正常工作的内容：

function funLoad(str1,str3,str4)
{

    var dym1 = str1.split("/");

    var d=new Date();
    var dym2 = d.getMonth() + 1 + " " + d.getDate() + " " + d.getFullYear() + " " + d.getHours() + ":" + d.getMinutes() + ":00";
    //var dym2 = "6 10 2013 09:00:00";

    var start = Date.parse(dym1[1] + " " + dym1[0] + " " + dym1[2] + " " + str3 + ":" + str4 + ":00"); 
    var end = Date.parse(dym2);

    return (start-end) / (1000*60*60);

}

$("#btn1").click(function(event){
    alert(funLoad($("#txt1").val(),$("#ddlHourTime").val(),$("#ddlMinuteTime").val()));
});

这是一个 jsFiddle： http://jsfiddle.net/oshirowanen/QTVWd/6/

当我在 IE8 中运行它时，我会收到NaN 的警报。

Answer 1

IE 似乎不支持该格式

var dym2 = d.getMonth() + 1 + "-" + d.getDate() + "-" + d.getFullYear() + " " + d.getHours() + ":" + d.getMinutes() + ":00";

Answer 2

为了简化一点，错误是因为 IE 用于存储日期的格式与 Chrome 等使用的格式不同（以及您用于手动解析和格式化日期的格式）。 standard 允许，要求浏览器能够解析自己生成的格式（参见§15.9.4.2）。

通常直接使用日期格式并不是一个好主意，这不仅是因为特定于浏览器的实现，而且还因为全球化（对于具有虚拟全球受众的 Web 应用程序尤其如此）。实际上我的意思是永远不要这样做这样的事情（在this post我试图解释原因）：

d.getMonth() + 1 + " " + d.getDate() + " " + d.getFullYear()

或者这个：

d.getMonth() + 1 + "-" + d.getDate() + "-" + d.getFullYear()

这条规则很少有例外：

• 您正在为最终用户格式化该字符串（并且仅如果您不关心她的日期格式，请注意，使用该代码您假设 MDY 顺序和特定的分隔符)。
• 您将自己使用该字符串，并使用另一个手工解析器（您不会使用 Date.parse()）对其进行解析，因为它取决于语言环境和浏览器。
• 您正在编写自己的库来管理日期。

您确定每个浏览器（支持 ECMAScript 5）都会读取的唯一格式是 ISO 8601 YYYY-MM-DDTHH:mm:ss.sssZ（请参阅 §15.9.1.15），因此在您的情况下，您应该更改自定义解析/格式化到那个。对于较旧的浏览器，没有明确的规则（这就是我们需要库的原因）。该标准在 §15.9.4.2 中规定：

如果字符串不符合该格式 [ISO 8601]，则函数可能会退回到任何特定于实施的启发式或特定于实施的日期格式。

（重点是我的）

查看 SO 上的 this 和 this 帖子了解其他详细信息（或 this little tutorial 了解日期）。

如果您使用跨浏览器和语言环境的日期，我的建议是使用一个好的库来抽象所有这些细节。我发现this one 非常强大且易于使用。如果你想要一个广泛使用的几乎完整的库，也可以查看moment.js。