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") }}