не работает date-fns

Question

пишу на фреймворке vue.js

делаю import { format } from 'date-fns'

methods: {
    format(date)  {
      return format(date, "d MMM yyyy")
    }
},

<span style="color: var(--grey)">{{ format(movie.release_date) }}</span>

пытаюсь отформатировать данные которые получаю из api (там realese_date: 2021-03-30) и пытаюсь отформатировать их, но выдает ошибку Invalid time value

Answer 1

Потому что дату со строки нужно распарсить

import { format, parse } from 'date-fns'

return format(parse(date), "d MMM YYYY")

Вот вариант для примера через CDN (для демонстрации, что работает)

function format(date)  {
  return dateFns.format(dateFns.parse(date), "d MMM YYYY")
}

console.log(format('2021-03-10'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.min.js"></script>

БЛОГ НА HUSL

не работает date-fns

Ответы (1 шт):