laravel - Javascript - 使用 moment.js 格式化日期/时间

Question

在这里，我使用了 Laravel:5.4 与 vue.js:2.x 和 moment.js。我已使用 moment 在我的 vue 模板 中正确显示 日期和时间。

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

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

这给了我这样的结果:2017 年 6 月 18 日，星期日。这看起来不错。现在，我还想在我的 vue 模板中显示时间，如:01:00 pm。我的数据库中有 13:00:00 时间。我会尝试这样的:

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

但这对我不起作用!

有没有人可以帮助我？任何帮助将不胜感激。

谢谢!

Answer 1

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

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

在您的情况下，您可以使用以下代码:

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