js Date()日期函数浏览器兼容问题解决方法

深入了解JavaScript Date对象浏览器兼容性问题及其解决方案

===========================

当我们使用JavaScript的Date对象时，有时可能会遇到浏览器兼容性问题。特别是在使用带有日期时间格式的构造函数时，不同浏览器对于字符串格式的支持存在差异。这篇文章将深入这一问题，并提供相应的解决方案。

一、无参Date对象

--

对于无参的Date对象，例如 `var dateTime = new Date();`，所有主流浏览器都是兼容的。这是创建日期对象的最常见方式，不会产生兼容性问题。

二、日期参数问题

--

当使用日期作为参数创建Date对象时，例如 `new Date("2017-09-12")`，在某些旧版IE浏览器中可能会出现不兼容的情况。一种解决方案是改变日期的格式，例如使用斜线分隔日期，如 "2017/09/12"，这种方式在所有浏览器中都被兼容。

三、日期时间参数问题

-

当使用日期和时间作为参数创建Date对象时，例如 `new Date("2017-09-12 13:41:00")`，不同浏览器的兼容性差异更大。某些浏览器可能不支持这种格式，或者存在时间差的问题。一种通用的解决方案是将日期时间格式转换为 "yyyy/MM/dd hh:mm:ss"，例如 `new Date("2017/09/12 13:42:00")`，这样所有主流浏览器都能正确。

详细来说，对于日期时间参数：

格式1（"2017-09-12 13:41:00"）在旧版IE和火狐中不兼容，谷歌浏览器可以兼容但可能存在时间差问题。

格式2（"2017/09/12 13:42:00"）是所有主流浏览器的通用兼容格式。

格式3（"2017-09-12T13:42:00"）在旧版IE中存在不兼容和时区问题，火狐和谷歌也可能存在时区问题。

格式4（"2017/09/12T13:42:00"）在部分浏览器中存在时间差问题。

为了确保最大的兼容性，建议将日期时间格式统一为 "yyyy/MM/dd hh:mm:ss"。这样不仅可以避免兼容性问题，还可以使代码更易于理解和维护。在进行日期时间操作时，一定要注意时区问题，确保在不同时区的用户都能得到正确的结果。