Issue with Parsing Date and Time Using Date-FNS


I have here a date and time and I’m wondering its outputting an incorrect date and time.
2022-05-19T21:53:00+00:00. Its currently outputting May 20. It should be May 19 still?


import { format, parseISO } from "date-fns";

let date = "2022-05-19T21:53:00+00:00";

document.getElementById("app").innerHTML = `
<div>${format(parseISO(date), "LLL dd, y hh:mm bbb")}</div>


You don’t actually need date-fns you can simply use a native Date with toLocaleDateString().

let date = "2022-05-19T21:53:00+00:00";

const options = {
  month: 'long',
  day: 'numeric',
  year: 'numeric',
  hour: 'numeric',
  minute: 'numeric',
  timeZone: 'UTC'

const dateLocaleString = new Date(date).toLocaleDateString('en', options);

document.getElementById("app").innerHTML = `
<div id="app"></div>

Answered By – pilchard

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published