Vuetifyのv-data-tableの日付時間のformat方法

FirebaseにてTimestampの書き込み方法を

created_at: firebase.firestore.FieldValue.serverTimestamp()

とした時に、Vuetifyのv-data-tableで表示形式を指定する方法を共有します。

stackoverflowでも、議論されていますね。

もっとシンプルにできたでので、簡単に説明します。
（必要部分のみ）

・templete部分

<v-data-table
  :headers="headers"
  :items="item"/>

・script（data）部分

headers: [
  { text: '作成日時',  value: 'created_at'}
],
item: {},

・script（methods）部分

var itemBox = []
// 略 firebase.firestore().〜〜〜get(). とか
data.created_at =  moment(doc.data().created_at.toDate()).format('yyyy-MM-DD HH:mm:ss');
// 略
this.item = itemBox;

日付形式に変換した物をmomentを使ってformatする
という単純なものでした。

ちなみにワタクシ、あちこちググったり結構ハマってしまいました。

頭が空っぽになっている時に「はっ」と気づきました。
思考転換のためのリフレッシュも大事ですね！