Изменить формат даты в таблице данных vuetify

Question

Есть ли способ использовать моменты для изменения формата даты в таблице данных в VueJS?

Потому что сейчас я не могу использовать его как это значение: момент ("STRT_D"). Формат ("ММММ ДД ГГГГ")

import moment from "moment";
export default {
  data() {
    return {
      singleSelect: false,
      selected: [],
      results: [],
      headers: [
        {
          text: "Start Date",
          sortable: false,
          value: "STRT_D"
        },
        {
          text: "Expiry Date",
          sortable: false,
          value: "LAST_D"
        },
        {
          text: "Print Date",
          sortable: false,
          value: "PrintDate"
        }
      ]
    };
  },

Вот мой стол на данный момент

Answer 1

Вы можете настроить шаблон строки

<template>
  <v-data-table
    :headers="headers"
    :items="results"
    class="elevation-1"
  >
    <template v-slot:item.STRT_D="{ item }">
      {{ formatDate(item.STRT_D) }}
    </template>
  </v-data-table>
</template>

Здесь я форматирую дату с помощью методов, вместо этого вы можете создать фильтр Vue

methods: {
  formatDate(value) {
      return moment(value).format("MMMM DD YYYY")
  }
}