Dátum formázása JavaScriptben

Most pedig tanuljuk meg, hogyan jelenítsünk meg dátumot meghatározott formátumban. Tegyük fel például, hogy ki szeretnénk írni a képernyőre a jelenlegi napot, hónapot és évet a év-hónap-nap formátumban.

Tegyük ezt meg:

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

A kódunk azonban problémás: a hónapok sorszáma nulláról indul, nekünk pedig valószínűleg azt szeretnénk, ha eggyel kezdődne.

Javítsuk a problémát:

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

A kódunk azonban még mindig nem tökéletes. Ezt azonban csak bizonyos hónapokban és bizonyos napokban lehet észrevenni. Tegyük fel például, hogy most 5-e március 2020.

Ebben az esetben a dátumunk a következő formátumban jelenik meg: 2020-3-5. Mi viszont azt szeretnénk, ha a dátum a 2020-03-05 formátumban jelenne meg - nullákkal az egyjegyű napok és hónapok sorszáma előtt.

A probléma megoldásához írjunk egy addZero függvényt, amely nullákat ad a 0 és 9 közötti számok elé:

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

Alkalmazzuk a létrehozott függvényt, és most már valóban megkapjuk a dátumot a kívánt formátumban:

javascriptlet date = new Date();

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