T sakurako
- 2021年9月1日
- 読了時間: 2分

VueでWEBアプリ(25.5)　テーブル内の日付をフォーマットしたい

前々からテーブルの日付の表示が分かりにくい形になってしまっているのが気になっていまして。

今回はテーブル内の日付のフォーマットのやり方を調べてみようと思ったのですが、有効なものはまだ見つかっていません。

とりあえず今回のこの記事は、試してみたことのメモのような感じになります。

テーブル部分のコードはこのようになっています。

          <v-data-table
            :headers="headers"
            :items="List"
            @click:row="clickRow"
            >
            <!--v-data-tabelのitemsをslotに設定-->
            <template slot="items" slot-scope="props">
              <td class="text-xs-center">{{ props.item.id }}</td>
              <td class="text-xs-center">{{ props.item.title }}</td>
              <td class="text-xs-center">{{ props.item.name }}</td>
              <td class="text-xs-center">{{ props.item.post_date }}</td>
              <td class="text-xs-center">{{ props.item.content }}</td>
              <td class="justify-center layout px-0">
              </td>
            </template>
          </v-data-table>