Search code examples
javascriptreactjsparsingmomentjsiso8601

How to parse ISO 8601 into date and time format using Moment js in Javascript?


I am currently using Moment js to parse an ISO 8601 string into date and time, but it is not working properly. What am I doing wrong? And I would take any other easier solutions as well.

The ISO 8601 I would like to parse: "2011-04-11T10:20:30Z" into date in string: "2011-04-11" and time in string: "10:20:30"

And tried console.log(moment("2011-04-11T10:20:30Z" ,moment.ISO_8601)) and console.log(moment("2011-04-11T10:20:30Z" , ["YYYY",moment.ISO_8601]) as a test, but it just returns an object with all different kinds of properties.


Solution

  • With moment.js

    var str = '2011-04-11T10:20:30Z';
    var date = moment(str);
    var dateComponent = date.utc().format('YYYY-MM-DD');
    var timeComponent = date.utc().format('HH:mm:ss');
    console.log(dateComponent);
    console.log(timeComponent);
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>

    Or simply with string manipulation

    var str = '2011-04-11T10:20:30Z';
    var parts = str.slice(0, -1).split('T');
    var dateComponent = parts[0];
    var timeComponent = parts[1];
    console.log(dateComponent);
    console.log(timeComponent);