Datumformatering i JavaScript

Låt oss nu lära oss hur man visar datum i ett specifikt format. Låt oss säga att vi till exempel vill visa dagens dag, månad och år på skärmen i formatet år-månad-dag.

Låt oss göra det:

javascriptlet date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());

Vår kod har dock ett problem: månadsnummer kommer att börja från noll, och förmodligen vill vi att de ska börja från ett.

Låt oss åtgärda problemet:

javascriptlet date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());

Vår kod är dock fortfarande inte perfekt. Detta kan dock bara märkas under vissa månader och på vissa dagar. Låt oss säga att det till exempel är den 5e mars 2020.

I det här fallet kommer vårt datum att visas i formatet 2020-3-5. Men vi vill att datumet ska visas i formatet 2020-03-05 - med nollor före dag- och månadsnummer med en siffra.

För att lösa problemet, låt oss skriva funktionen addZero, som kommer att lägga till nollor före tal från 0 till 9:

javascriptfunction addZero(num) {
  if (num >= 0 && num <= 9) {
    return '0' + num;
  } else {
    return num;
  }
}

Låt oss använda den skapade funktionen och nu verkligen få datumet i det format vi vill ha:

javascriptlet date = new Date();

console.log(
  addZero(date.getFullYear()) + '-' + 
  addZero(date.getMonth() + 1) + '-' +
  addZero(date.getDate())
);