使用Moment.js将军事时间转换为标准时间

Question

当我尝试使用Moment.js将军事时间转换为标准的12小时时，我收到错误。在我的模板中，我从UI时间选择器传递包含时间的moment()对象，然后我提供所需的格式。

终端错误说：

  

分析程序错误：意外的标记（预期的标识符或关键字在第8列的[   [15:17:43] {{moment。（event.eventTime，hh：mm A）}}

<ion-col>
    <ion-icon name="clock"></ion-icon>
    <BR>
    {{ moment.(event.eventTime, hh:mm A) }}
</ion-col>

Answer 1

我认为你想要的格式是：

{{moment(event.eventTime).format("hh:mm A")}}

Answer 2

我建议使用angular2-moment。您可以使用：

• （如果event.eventTime是一个字符串） amParse管道将您的event.eventTime解析为一个时刻对象（管道使用moment(String, String)解析函数）。我假设军事时间采用HH:mm格式（例如00:00，15:30等）
• amDateFormat管道以所需格式显示时刻对象（hh:mm A）

您的代码可能如下所示：

{{ event.eventTime | amParse:'HH:mm' | amDateFormat:'hh:mm A' }}

Answer 3

您可以使用Angular的内置date format pipes：

{{ dateObj | date:'shortTime' }}