Converting string date in react/javascript

Question

I'm getting a string date from a JSON object. I need to convert the date

"2018-05-18T04:00:00.000Z" to. May 18 , 2018

I tried using the Date() constructor but I wasn't successful.

I've heard of Intl.DateTimeFormat but I don't understand the documentation. Any help and explanation is appreaiated .

Answer 1

You should be able to do this purely with JavaScript, including parsing with Date() and, depending on your browser support requirements, format with toLocaleDateString().

The second example (commented out) just shows how it can work with a specific locale (as a string, though that can be an array of such strings).

function formatDate(string){
    var options = { year: 'numeric', month: 'long', day: 'numeric' };
    return new Date(string).toLocaleDateString([],options);
}
var dateString = "2018-05-18T04:00:00.000Z"
document.getElementById("results").innerHTML = formatDate(dateString);
 
// You could also provide specific locale, if needed. For example:
//function formatDate(string){
//    var options = { year: 'numeric', month: 'long', day: 'numeric' };
//    return new Date(string).toLocaleDateString('en-US',options);
//}

<div id="results"</div>