2

当通过 JavaScript Date() 对象的构造函数传递无效日期时,IE9 似乎正在构造一个有效日期,例如“2009 年 8 月 56 日”返回一个日期对象实例。相比之下,Chrome 则不然。

阅读了有关 IE9 中 Date 对象的 MSDN 文档(下面的链接),并且有一段说明:

JavaScript 在日期格式方面相当灵活。它允许诸如 8-24-2009、August 24, 2009 和24 Aug 2009等变体。有关详细信息,请参阅格式化日期和时间字符串 (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

铬结果

Invalid Date

这是一个带有更详细示例的 JsFiddle:

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

这种行为是出乎意料的(可能是由于不正确的假设或验证中的错误而未被注意到!)。

有什么替代方法可以验证日期是否有效,可以在 IE9 中使用并允许使用本机浏览器功能?

4

3 回答 3

2

正如 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 - 2013 年 3 月 1 日星期五 00:00:00 UTC

Safari - 2013 年 3 月 1 日星期五 00:00:00 GMT+0000 (GMT)

Chrome - 2013 年 3 月 1 日星期五 00:00:00 GMT+0000(GMT 标准时间)

具有“更不正确”日期的相同测试:

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

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

IE9 - 2012 年 9 月 1 日星期二 00:00:00 UTC+0100

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

免责声明:这当然是一种解决方法。但这很简单,适用于我的场景!

于 2012-08-15T19:42:13.597 回答
1

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

于 2012-08-14T16:32:15.210 回答
1

这是一个非常有趣的结果。似乎 IE9 按预期解析Aug 2009August 1, 2009,然后将字符串 ( 56) 的第一部分添加到该日期,即:

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

就像说一月的第32天是2月1日。看来这是一个设计决定;如果您尝试解析其他日期格式,您将得到相同的行为:

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

因此,您可以使用自定义正则表达式验证您的日期,也可以使用 IE9解决这个问题。

于 2012-08-14T16:37:33.250 回答