日期对象在 Chrome 中有效，但在 Safari、Firefox 或 IE 中无效

Question

我正在从 API 获取日期对象。以下是 API 返回的格式：

“2016-04-05 13:39:46.612”

Chrome 似乎可以解释并正确显示它，但在 Firefox、Safari 和 IE 中，我得到的不是空日期就是无效日期。

Chrome 结果：

console.log(purchaseDate) 
>> Tue Apr 05 2016 13:39:46 GMT-0500 (CDT)

Angular 视图中的此 HTML：{{$scope.purchaseDate |日期：'MMM d, y h:mm a'}} 输出：2016 年 4 月 5 日下午 1:39

Firefox 结果（Safari 和 IE 类似）：

console.log(purchaseDate) 
>> Invalid Date

Angular 视图中的此 HTML：{{$scope.purchaseDate |日期：'MMM d, y h:mm a'}} 输出：空

我尝试在将日期发送到浏览器之前使用 moment.js 格式化日期（如类似问题的答案中所建议的那样），但结果并没有好多少：

Chrome 结果：

console.log(moment(purchaseDate).format()) 
>> 2016-04-05T13:39:46-05:00

Firefox 结果（Safari 和 IE 类似）：

console.log(moment(purchaseDate).format()) 
>> Invalid Date

有什么想法吗？我想使用 moment.js 来获得一致的解析，因为我已经在我的代码中的其他地方使用它。

Answer 1

如果你要使用带角度的矩，你也应该使用angular-moment。

加载您的值时，创建一个moment 对象而不是Date 对象。

var purchaseDate = moment("2016-04-05 13:39:46.612");

moment.js 已经可以识别这种特定格式，因此您在解析时无需提供格式字符串。但请注意，它将被解释为 local 时间。如果你想改为 UTC，那么：

var purchaseDate = moment.utc("2016-04-05 13:39:46.612");

无论哪种方式，您都可以使用 angular-moment 对其进行格式化：

{{$scope.purchaseDate | amDateFormat:'MMM D, Y h:mm a'}} 

Angular-moment 还提供了许多其他过滤器，您可以根据需要使用。 Check out their docs.

Answer 2

我想我遇到了类似的问题，对我来说最好的解决方案是使用 momentjs 库来解析日期字符串：

bower install --save moment

然后例如：

 $scope.purchaseDate  = moment("2016-04-05 13:39:46.612", "YYYY-MM-DD HH:mm:ss.SSS").toDate();

在此处查看解析格式：http://momentjs.com/docs/#/parsing/string-format/

以 HTML 页面为例：

{{purchaseDate | date:'medium'}}

请注意，momentjs 会处理您当地的时区，并且日期会相应更改

希望对你有帮助。