在JavaScript中，`new Date()` 是一个常用的构造函数，用于创建日期对象。然而，这个函数在不同的浏览器中可能存在兼容性问题，特别是在处理非标准日期字符串格式时。在本文中，我们将深入探讨这个问题，并提供解决方案。
当尝试使用 `new Date()` 创建日期对象时，通常会传递一个日期字符串作为参数。例如，`new Date("2017-9-10 21:02:02")`。这个字符串表示的是年月日时分秒。然而，不同浏览器对于日期字符串的解析规则可能有所差异。在Chrome和Firefox的新版本中，"-" 符号作为日期分隔符通常能得到正确的解析。但在一些旧版Firefox和Internet Explorer（IE）浏览器中，它们可能无法正确识别"-"，而更倾向于使用"/"作为日期分隔符。
遇到这种兼容性问题时，有以下两种常见的解决策略：
1. 替换分隔符：
你可以使用字符串的 `replace()` 方法，将"-"替换为"/"。这确保了日期字符串符合大部分浏览器的解析规则。例如：
```javascript
var str = "2017-9-10 21:12:20";
var time = new Date(str.replace("-", "/").replace("-", "/"));
```
或者，你可以使用全局正则表达式替换，一次完成替换：
```javascript
var time = new Date(str.replace(/-/g, "/"));
```
2. 手动解析日期：
另一种方法是手动从日期字符串中提取年、月、日、时、分、秒的数字，然后直接传递给 `new Date()` 构造函数：
```javascript
var str = "2017-9-10 21:33:33";
var parts = str.split(" ")[0].split("-").concat(str.split(" ")[1].split(":"));
var time = new Date(parts[0], parts[1] - 1, parts[2], parts[3], parts[4], parts[5]);
```
注意，月份部分需要减1，因为JavaScript的Date对象中的月份是从0开始的。
除了这些手动的解决方法，还可以考虑使用第三方库，如moment.js，它是一个强大的日期管理库，能很好地处理各种日期格式和浏览器兼容性问题。例如：
```javascript
var moment = require('moment');
var str = "2017-9-10 21:12:20";
var time = moment(str).format();
```
moment.js不仅能解析大多数日期格式，还能进行日期操作和格式化，大大简化了日期处理的工作。
解决`new Date()`的浏览器兼容性问题，可以通过调整日期字符串格式、手动解析日期或使用第三方库如moment.js来实现。在实际项目中，根据需求和项目规模，选择合适的方法可以提高代码的健壮性和可维护性。同时，时刻关注浏览器的更新和新的API标准，也是保持代码兼容性的重要一环。
