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:
let 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:
let 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é:
function 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:
let date = new Date();
console.log(
addZero(date.getFullYear()) + '-' +
addZero(date.getMonth() + 1) + '-' +
addZero(date.getDate())
);
Jelenítse meg a képernyőn az aktuális dátum-időt a 12:59:59 31.12.2014 formátumban. Használja a dátum minden részéhez (az év kivételével) az általunk létrehozott függvényt a nulla hozzáadásához, ha szükséges.