vuetify의 데이터 테이블에서 날짜 형식 변경

vuetify의 데이터 테이블에서 날짜 형식 변경

VueJs의 데이터 테이블에서 날짜 형식을 변경할 수 있는 방법이 있습니까?

왜냐하면 지금은 이 값을 사용할 수 없기 때문입니다.mote("STRT_D").format("MMM DD YYY")

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"
        }
      ]
    };
  },

지금 제 테이블입니다.

행 템플릿을 커스터마이즈할 수 있습니다.

<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")
  }
}

언급URL : https://stackoverflow.com/questions/58262613/change-format-of-date-in-vuetifys-data-table