Format Javascript Date as Yyyy-mm-dd

Format JavaScript date as yyyy-mm-dd

Working with dates in JavaScript can sometimes be a bit tricky, especially when it comes to formatting them in a specific way. In this blog post, we will explore different methods to format a JavaScript date as yyyy-mm-dd.

Method 1: Using the toISOString() method

The toISOString() method is a built-in JavaScript method that returns a string representation of a date in simplified extended ISO 8601 format (yyyy-mm-dd). Here’s how you can use it:

const date = new Date();
const formattedDate = date.toISOString().split('T')[0];

console.log(formattedDate); // Output: yyyy-mm-dd

This method works by converting the date to a string in the ISO format and then splitting it at the ‘T’ character to extract the yyyy-mm-dd part.

Method 2: Using the Intl.DateTimeFormat object

The Intl.DateTimeFormat object provides a way to format dates and times in a locale-sensitive manner. By specifying the desired format options, we can format the date as yyyy-mm-dd. Here’s an example:

const date = new Date();
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formatter = new Intl.DateTimeFormat('en-US', options);
const formattedDate = formatter.format(date);

console.log(formattedDate); // Output: yyyy-mm-dd

This method allows us to customize the format by specifying the desired options. In this case, we set the year, month, and day options to ‘numeric’ and ‘2-digit’ to get the desired yyyy-mm-dd format.

Method 3: Using a custom function

If you prefer a more manual approach, you can create a custom function to format the date as yyyy-mm-dd. Here’s an example:

function formatDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  
  return `${year}-${month}-${day}`;
}

const date = new Date();
const formattedDate = formatDate(date);

console.log(formattedDate); // Output: yyyy-mm-dd

This method involves extracting the year, month, and day components of the date and formatting them as a string in the desired format.

These are three different methods you can use to format a JavaScript date as yyyy-mm-dd. Choose the one that suits your needs and implement it in your code!

Happy coding!

Format Javascript Date as Yyyy-mm-dd