【Vue x Realtime Detabase】タイムスタンプ値を時間（例）xx:xxと秒数なしで変換させ表示させたいです。

Question

#タイムスタンプ値を時間（例）xx:xxと秒数なしで変換させ表示させたいです。

Vue x Realtime Databaseにてタイムスタンプ値として取得しているものを以下のように
秒数ありの時間を表示するようにしておりますが、秒数はなしで時間を表示させたいです。

.getHours()と.getMinutes()と組み合わせたら表示できそうですが、記述方法がわからず行き詰まってしまっております。。

分かる方お力添えをいただけませんでしょうか。

よろしくお願いいたします

 <div class="mytime">{{new Date(time).toLocaleTimeString("ja-JA")}}</div>

doSend() {
      const time = time;
      if (this.user.uid && this.input.length) {
        //  firebaseに書き込まれたメッセージを追加
        firebase
          .database()
          .ref(this.$route.params.id)
          .push(
            {
              message: this.input,
              name: this.user.displayName,
              image: this.user.photoURL,
              userid: this.user.uid,
              time: firebase.database.ServerValue.TIMESTAMP
            },

            () => {
              this.input = ""; // フォームを空にする
            }
          );
        console.log(time);
      }
    },

Answer 1

日付操作のライブラリ（dayjs等）を使用するのが簡単だと思いますよ

 <div class="mytime">{{$dayjs(time).format("YYYY/MM/DD hh:mm:ss")}}</div>

dayjsの使い方

Comments

[Tatsunosuke]

秒数不要でしたね。
<div class="mytime">{{$dayjs(time).format("hh:mm")}}</div>

[TMTN]

ありがとうございます。
Day.jsという便利なライブラリがあったのですね。
大変助かりました。ありがとうございました。

[Tatsunosuke]

お役に立てたようで何よりです！