Javascript - 格式日期/时间with moment.js

Question

这里我用Laravel:5.4和vue.js:2.x和moment.js。我用moment在我的vue templates中正确显示date & time。

例如，我在我的数据库中有2017-06-18日期。所以我用：

{{ moment(bookingDetail.date).format('MMMM Do YYYY') }}, {{ moment(bookingDetail.date).format('dddd') }} 

这给了我的结果是：June 18th 2017, Sunday。这工作看起来很好。 现在，我也想在我的vue模板中显示时间，例如：01:00 pm。我在我的数据库中有13:00:00时间。我会尝试如此喜欢：

{{ moment(bookingDetail.time).format("h:mm a") }} 

但这不适合我！

有人帮我吗？任何帮助将不胜感激。

谢谢！

Answer 1

我已经解决了自己只使用此问题补充，如：

{{ moment(bookingDetail.time, "HH:mm:ss").format("h:mm a") }} 

的moment为我们提供了完整的日期&时间，如果我们在我们的数据库中有适当的时间戳，就像我们在我们的数据库中一样：2017-06-16 15:07:00然后它给我们June 16th 2017, Sunday @ 03:07 pm。但是，如果我们想从DB 15:07:00得到03:07 pm那么我们需要做的，如：

{{ moment(bookingDetail.time, "HH:mm:ss").format("h:mm a") }} 

谢谢！

Answer 2

您必须使用moment(String, String)解析函数。

在第一种情况下，您的输入采用ISO 8601格式，因此可以通过moment(String)识别，而在第二种情况下，您必须指定格式。

在你的情况，你可以使用下面的代码：

{{ moment(bookingDetail.time, "HH:mm:ss").format("h:mm a") }}