Question

我正在显示假期列表，其中数组中的特定日期（例如，数组中的“ MMMM-01-YYYY”这样写为dateHoliday：“ 01”）我想捕捉数组中包含的日期并显示它（例如“ Mon”）。

我尝试使用时刻，而我所获得的是显示当天（今天）。我无法获得所需的数组。

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

编辑

我尝试了Teemo上尉的回答。我更改了数组中的字符串之一。

  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>

我想显示使用时间插入数组中的日期的日期

1 个答案: