Как синтаксически правильно записать дату в template во Vue?

Question

[Alex_87]

Всем привет! Принимаю дату в виде props с api. Она содержится в следующем формате: date: 1640995200000.
Теперь мне нужно обработать её в шаблоне через new Date я полагаю. Как это правильно прописать?

P.S. Иконки не отображается. Что можно сделать?

template: `
    <ul class="meetup-info">

      <li>
        <img class="icon" alt="icon" src="/assets/icons/icon-cal-lg.svg" />
        <time datetime="2020-01-01">1 янв. 2020</time>
      </li>
    </ul>`,

Answer 1

[Алексей Ярков]

const date = new Date(1640995200000);
const options = {}; // Подробнее про параметры форматирования тут: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString
date.toLocaleDateString('ru', options);

Ну или использовать пакеты типа moment или date-fns.

Comments

[Alex_87]

Объясни пожалуйста, зачем нам в атрибутах :datetime="getDate(date).toISO" ? Почему нельзя просто выражение в node ограничится? {{ getDate(date).toLocale }}

[Алексей Ярков]

Alex_87,

Объясни пожалуйста, зачем нам в атрибутах :datetime="getDate(date).toISO" ?

Откуда же Я знаю зачем ВАМ что-то в атрибутах? ))

[Alex_87]

Алексей Ярков, Хорошо, а по каким причинам делают подобную связку?

[Алексей Ярков]

Alex_87, по самым разным. В вашем конкретном случае вот по этой причине: https://developer.mozilla.org/ru/docs/Web/HTML/Ele...