Formatarea datei în JavaScript

Să învățăm acum cum să afișăm data într-un anumit format. Să presupunem, de exemplu, că dorim să afișăm pe ecran ziua, luna și anul curente în formatul an-lună-zi.

Să facem acest lucru:

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

Cu toate acestea, codul nostru are o problemă: numerele lunilor vor începe de la zero, iar noi, cel mai probabil, am dori ca acestea să înceapă de la unu.

Să corectăm problema:

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

Cu toate acestea, codul nostru încă nu este perfect. Dar acest lucru poate fi observat doar în anumite luni și în anumite zile. Să presupunem, de exemplu, că acum este 5 martie 2020.

În acest caz, data noastră va fi afișată în formatul 2020-3-5. Însă noi am dori ca data să fie afișată în formatul 2020-03-05 - cu zerouri în fața numerelor zilelor și lunilor formate dintr-o singură cifră.

Pentru a rezolva problema, să scriem funcția addZero, care va adăuga zerouri în fața numerelor de la 0 la 9:

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

Să aplicăm funcția creată și acum vom obține într-adevăr data în formatul de care avem nevoie:

javascriptlet date = new Date();

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