Как сравнить две даты на vuejs?

Question

[Andrej Sharapov]

День добрый!
Подскажите, реально ли сравнить даты, если:

1. в data() {...} пока вывел так:
isTodayDate: new Date().toISOString().slice(0, 10) возвращает формат 2020-03-03
Все что смог...

2. в JSON'e формат даты - String

list: [
        {
          ...,
          ...,
          dateend: "31.05.2018"
          ...,
        },
        {
          ...,
          ...,
          dateend: "03.04.2021"
          ...,
        },
        {
          ...,
          ...,
          dateend: "31.03.2018"
          ...,
        },
        {
          ...,
          ...,
          dateend: "31.03.2018"
          ...,
        }
      ]

Нужно сравнить и сделать фильтр с условием, что дата в json файле меньше текущей.

Answer 1

[0xD34F]

Как превратить строку в дату:

const parseDate = str =>
  new Date(str.split('.').reverse().join('-'));

// или

const parseDate = str =>
  new Date(str.replace(/(\d+)\.(\d+)\.(\d+)/, '$3-$2-$1'));

// или

const parseDate = str =>
  (str = str.match(/\d+/g), new Date(str[2], ~-str[1], str[0]));

Отфильтрованный массив оформляем в виде вычисляемого свойства:

data: () => ({
  today: new Date().setHours(0, 0, 0, 0),
  ...
}),
computed: {
  filteredList() {
    return this.list.filter(n => parseDate(n.dateend) < this.today);
  },
  ...
},