Я хочу отобразить день даты, которую я положил в свой массив, используя момент

Question

Я отображаю список выходных, где в массиве указан определенный день (например, «ММММ-01-ГГГГ» в моем массиве, он написан так: dateHoliday: «01») Я хочу поймать день, включенный в мой массив и отобразить его (например, «Пн», как это)

Я попытался использовать момент, и я достиг отображения текущего дня (сегодня). Я не могу получить массив, который я хочу.

<template>
<h2>{{ Holiday.dateHoliday }}</h2>
</template>

import moment from "moment";
export default {
data() {
return {
  Holidays: [
    {
      id: 1,
      Month: "January",
      day: "Tue",
      dateHoliday: "01",
      Title: "new year's day",
      Description: "Description: Regular holiday."
    }

methods: {
    displayDay(){
    let dH = moment().format("ddd");
    this.dateHoliday = dH;
console.log(this.dateholiday);
    }

редактировать

Я попробовал ответ капитана Тимо. Я изменил одну из моих строк в массиве.

  day: "Tue",    
  dateHoliday: "01",

до

  day: "01-01-2019",
  dateHoliday: "01",

тогда в моем шаблоне:

<h2>{{ Holiday.dateHoliday }}</h2>
<h2>{{ Holiday.day | convertDay }}</h2>

Но в свойстве (день) я не хочу, чтобы он был конкретным (например, 01-01-2019. Я хочу, чтобы он был 01-01-xxxx, где его фильтровали? К году, который я хочу).

Answer 1

попробуйте этот метод, используя moment:

Я использовал Vue filters. Добавьте эти строки после вашего method

methods: {
},
filters: {
    convertDay: function (value) {
        return moment(new Date(value)).format('ddd')
    },
}

затем используйте созданный вами фильтр:

<template>
    <h2>{{ Holiday.dateHoliday | convertDay }}</h2>
</template>