Parse and format date in string

Question

I'm trying out date-fns v2.

I want to format a date in a string by using the toDate and format functions:

import { format, toDate } from 'date-fns'
format(toDate('2019-02-11T14:00:00'), 'MM/dd/yyyy')

But get the following error:

RangeError: Invalid time value

Answer 1

The method toDate is not able to read that format.

Try to convert to Date lke this:

var date = new Date('2019-02-11T14:00:00')

Answer 2

date-fns 2.0.0-alpha.27 (demo: https://stackblitz.com/edit/js-tztuz6)

Use parseISO:

import { format, parseISO } from 'date-fns'
const formattedDate = format(parseISO('2019-02-11T14:00:00'), 'MM/dd/yyyy');

---

date-fns v1.30.1 (demo: https://stackblitz.com/edit/js-mt3y6p)

Use parse:

import { format, parse } from 'date-fns'
const formattedDate = format(parse('2019-02-11T14:00:00'), 'MM/DD/YYYY');

Answer 3

It seems that you are using Version 2.0 of date-fns, which is still in alpha (development) status currently.

What functions are available and how they work still seems to change frequently. For example, while in version v2.0.0-alpha.26 toDate() can handle string parameters, it cannot do that any longer in version v2.0.0-alpha.27. There is a new parseISO() function instead.

This should work now:

format(parseISO('2019-02-11T14:00:00'), 'MM/dd/yyyy')

However, while version 2 is still in beta, I would suggest using the stable version 1.x for now.