Question

当通过JavaScript Date（）对象的构造函数传递无效日期时，IE9似乎构建了一个有效的日期，例如“2009年8月56日”返回日期对象实例。相比之下，Chrome则没有。

在IE9中阅读了有关Date对象的MSDN文档（下面的链接），并且有一段说明：

JavaScript对日期格式非常灵活。它允许变体如2009年8月24日8-24-2009和 2009年8月24日。更多信息，请参阅格式化日期和时间字符串（JavaScript）。

以上段落取自http://msdn.microsoft.com/en-us/library/ee532932(v=vs.94).aspx

以下代码片段用于检查日期是否有效。它适用于Chrome，但不适用于IE9：

function validateDate(d) {
    var dt = new Date(d);
    if (Object.prototype.toString.call(dt) !== "[object Date]") return false;

    return !isNaN(dt.getTime());
}

运行此代码时：

console.log(new Date("56 Aug 2009"));

IE9结果

Fri Sep 25 00:00:00 UTC+0100 2009

Chrome结果

Invalid Date

这是一个有更详细例子的JsFiddle：

http://jsfiddle.net/WKMdc/8/

这种行为是出乎意料的（可能是由于错误的假设或者可能是未被注意的验证中的错误！）。

有哪种替代方法可以验证日期是否有效，可以在IE9中使用并允许使用本机浏览器功能？

Answer 1

正如João的回答中所指出的，问题在于，当通过构造函数创建新的Date对象时，浏览器将通过执行添加天数来“帮助”，例如存在差异。 2013年2月29日不是有效日期（2013年2月只有28天）将成为2013年3月1日，或原始日期后的+ 1天。

这不是非常有用，因为在我的场景中，我想将2013年2月29日标记为用户作为无效条目。

尝试构建以下日期：

var parsedDate = new Date("29 Feb 2013");

每个浏览器返回以下Date对象：

IE9 - 星期五3月1日00:00:00 UTC 2013

Safari - Fri Mar 01 2013 00:00:00 GMT + 0000（GMT）

Chrome - 2013年3月1日星期五00:00:00 GMT + 0000（格林威治标准时间标准时间）

“更错误”日期的相同测试：

var parsedDate = new Date("32 Aug 2013");

每个浏览器返回以下Date对象：

IE9 - Tue Sep 1 00:00:00 UTC + 0100 2012

Safari - 无效日期

Chrome - 无效日期

NB IE看起来更宽松/更灵活！

建议的解决方案只是检查解析的月份是否与预期月份相同。如果没有，那么可以得出结论，已经发生了添加日期并且应该抛出验证消息：

function dateIsValid(dateString) {

     var month = dateString.split(" ")[1],
         year =  dateString.split(" ")[2];

     var parsedDate = new Date(dateString);

     // create a date object with the day defaulted to 01
     var expectedMonth = new Date("01 " + month + " " + year);

     // if the month was changed by the Date constructor we can deduce that the date is invalid!
     if (parsedDate.getMonth() === expectedMonth.getMonth()) {
          return true;
     }

     return false;
}

运行以下内容会在浏览器中产生一致的结果：

console.log(dateIsValid("01 Aug 2009")); // returns true
console.log(dateIsValid("56 Aug 2009")); // returns false
console.log(dateIsValid("29 Feb 2012")); // returns true
console.log(dateIsValid("29 Feb 2013")); // returns false

免责声明：这当然是一种解决方法。但它很简单，适用于我的场景！

Answer 2

您可以使用正则表达式来验证日期的格式，如果它是有效日期，则从中创建日期对象。

Answer 3

这是一个非常有趣的结果。似乎IE9正在按预期将Aug 2009解析为August 1, 2009，然后将字符串的第一部分（56）添加到此日期，即：

August 1, 2009 + 56 days = September 25, 2009

这就像是说1月的 32th 日是2月1日。这似乎是一个设计决定;如果您尝试解析其他日期格式，您将获得相同的行为：

console.log(new Date("08/32/2009")); // August 32, 2009
// LOG: Tue Sep 1 00:00:00 UTC+0100 2009

因此，您可以使用自定义正则表达式验证日期，也可以使用IE9使用此问题。

允许无效日期的IE9中的JavaScript日期对象

3 个答案: