2017-06-16 26 views
1

vue.js:2.xmoment.jsとのLaravel:5.4を使用しました。私はにdate & timeを正しく表示するためにmomentを使用しました。Javascript - 日時をmoment.jsと書式設定

たとえば、私のデータベースに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") }} 

しかし、これは私のために働いていない!

私を助ける人はいますか?どんな助けでも感謝します。

ありがとうございます!

答えて

0

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

感謝を!

1

構文解析機能moment(String, String)を使用する必要があります。

最初のケースでは、入力はISO 8601形式であるため、moment(String)で認識されますが、後者の場合は形式を指定する必要があります。私は同じように追加使用して、この問題を自分で解決した

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

はい、これを修正しました。とにかく、あなたの返信をありがとう!これは作品です! :) –