How to format javascript date to yyyy-mm-dd

In this JavaScript tutorial, we gonna learn how to format JavaScript date to YYYY-MM-DD easily. This is a very easy tutorial as you don’t need to work hard to Convert a date to YYYY-MM-DD.

To convert a date to YYYYMMDD in JavaScript, we have a built-in method that we can use.

toISOString();

We will use this method.

Also read,

how to subtract days from a date in javascript

How to compare two dates in JavaScript

Format JavaScript Date to YYYY-MM-DD

We will learn this with an easy example.

<html>
   <head>
      <title>Title Goes Here</title>
   </head>
   <body>
      <script>
         var current_date;
         var new_format_result;
         current_date = new Date();
         new_format_result = current_date.toISOString();
         document.write(new_format_result);
      </script>
   </body>
</html>

Output:

    2018-10-23T17:40:54.680Z

Explanation:

current_date = new Date();

This is used to store system date time in current_date variable

current_date.toISOString();

Now, this will return the Date in ISO standard.

This is known as ISO-8601 having a format like this:

YYYY-MM-DDTHH:mm:ss.sssZ

toISOString() method return a string which represents the date and time in ISO format.

Finally, I would like to say you feel free to comment in the below comment section. Happy coding.

Also read,

How to add minutes to date in the JavaScript date object

how to subtract days from a date in javascript

6 responses to “How to format javascript date to yyyy-mm-dd”

  1. Remi says:

    This method return date and time. What if i want only date?

  2. Saruque Ahamed Mollick says:

    To get the only date without time in JavaScript you can simply use toDateString()
    toDateString() will return the date without time in JavaScript

    Here is your solution:
    Use – new_format_result = current_date.toDateString();
    instead of – new_format_result = current_date.toISOString();

  3. Craig says:

    It’s important to note that toISOString returns the time in UTC, not local time unless local time happens to be UTC. It’s common to want the string to show the local time, not UTC. As far as I can tell, the only way to do that is to take the date part of the toISOString output and add the result of toTimeString –
    `${theDate.toISOString().substring(10)} ${theDate.toTimeString()}`

  4. Charles Efford says:

    Great! But how do you get the ISO-8601 format without the T and the Z please?

  5. Dika Abuka says:

    Hi Charles Efford,
    this can be done easily by using split method to remove the T and Z

    const currentDate = new Date();
    const todaysDate = currentDate..toISOString().split(“T”)[0];

    that should work.

    many thanks for the share, Saruque Ahamed Mollick

    Great read.

  6. Dika Abuka says:

    kindly ignore the double period before currentDate. just in case you missed it.

    const todaysDate = currentDate.toISOString().split(“T”)[0];

Leave a Reply

Your email address will not be published. Required fields are marked *