Are you having problems understanding how to format a date as yyyy-mm-dd in javascript? Don’t worry about it! This article will outline the problem’s causes and suggest possible fixes. Let’s get going!

The method to address the issue we are currently facing?

Method 1: Utilize the toLocaleString() method

Syntax of this technique:

toLocaleString(locales, options)

The locales and options parameters customize the function’s behavior and allow applications to specify which language’s formatting conventions should be used. However, both of these are optional. 

Such as the example below, bypassing the date, we produce a Date instance. We extract the month, day, and year from the d object. If the month and day string lengths are less than 2, we pad them with leading zeros. The year, month, and day connected using the join method are returned.

// Create a date object from a date string
var date = new Date("Wed, 04 May 2022");

// Get year, month, and day part from the date
var year = date.toLocaleString("default", { year: "numeric" });
var month = date.toLocaleString("default", { month: "2-digit" });
var day = date.toLocaleString("default", { day: "2-digit" });

// Generate yyyy-mm-dd date string
var formattedDate = day + "-" + month + "-" + year;
console.log(formattedDate);  // Prints: 04-05-2022

The output will be:

04-05-2022

This method includes a shortcut as a parameter. This technique accepts a locale string. You can get the format you want with just one line of code if you use the British English locale ‘en-GB‘. For instance: 

const result = new Date('2022', '2', '28').toLocaleDateString('en-GB');
console.log(result); // 28/03/2022

Method 2: Utilize get() methods

We have the syntax of this method as below: 

E get(int index)

The index of the element in this list that is to be returned is represented by the single integer-type parameter index that is accepted by this method.

In order to format a date using the syntax, there are only two easy procedures to follow.

Step 1: Obtain the month, date, and year of the date, such as below.

let date, month, year;

date = inputDate.getDate();
month = inputDate.getMonth() + 1; // take care of the month's number here ⚠️
year = inputDate.getFullYear();

Step 2: Add 0s to the month and date as needed.

if (date < 10) {
  date = '0' + date;
}

if (month < 10) {
  month = '0' + month;
}

Conclusion

We trust you’ve figured out the best approach to format a date as yyyy-mm-dd in javascript. We also hope the article provides instructions on how to do it. If you have any additional queries, kindly comment below, and we will get back to you as soon as we can! We value the time you spent reading.

Read more 

→ How To Get Yesterday’s Date Formatted As YYYY-MM-DD In JavaScript