vue.jsとfirestoreを使って、時刻（形式は、２０２１/04/21 xx:xx:xx）を表示させたい

Question

vue.jsとfirestoreを使って、時刻（形式は、２０２１/04/21 15:51:00）を表示させたいと考えています。

そこで、時間は「firebase.firestore.FieldValue.serverTimestamp()」で取得できたのですが、
表示させる方法がわかりません。

 <p class="post-time">{{ list.time}</p>

上記のように表示させると

該当のソースコード

  <p class="post-time">{{ list.time}</p>

  firebase
        .firestore()
        .collection("posts")
        .add({
          title: this.title,
          description: this.description,
          genre: this.genre,
          time: firebase.firestore.FieldValue.serverTimestamp(),
          id: id
        });

Comments

[hoshi-takanori]

serverTimestamp 自体は時刻情報を持ってなくて、Firebase サーバー側でデータを保存する時にサーバーの時刻に置き換えるための目印でしかないはず…。

[TMTN]

そうなのですね。。
jsのデータ型に置き換え方がいまだに分からないです・・

Answer 1

 <p class="post-time">{{list.time.toDate().toLocaleString()}}</p>

上記のように記載したら現在時刻で表示されました。