Форматирование даты во VueJS с MomentJS

Волей судьбы начал работать плотно с фронтендом для проектов. Выбор пал на лёгкий в освоении VueJS.

В качестве одной из задач стоял вывод даты в определенном удобным человеку формате (вместо 2020-05-10T21:43:32.545448Z). Для этого используем Moment JS:

import moment from 'moment'
... ... ... ...
Vue.filter('formatDate', function (value) {
    if (value) {
        return moment(String(value)).format('MM/DD/YYYY hh:mm')
    }
})

И далее в шаблоне отображения можем выводить данные при помощи зарегистрированного фильтра:

{{data.value | formatDate}}

В ближайшие недели будет серия мини заметок по Vue — как работать с отображением данных и делать простые, но функциональные SPA приложения.

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *