Formatering av dato i JavaScript

La oss nå lære hvordan vi kan vise dato i et spesifikt format. La oss si at vi for eksempel ønsker å vise dagens dag, måned og år på skjermen i formatet år-måned-dag.

La oss gjøre dette:

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

Koden vår har imidlertid et problem: månedsnumrene vil starte fra null, og vi vil mest sannsynlig ønske at de starter fra en.

La oss rette problemet:

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

Koden vår er likevel ikke perfekt. Dette kan imidlertid bare merkes i visse måneder og på visse dager. La oss si at det for eksempel er den 5. mars 2020.

I dette tilfellet vil datoen vår bli vist i formatet 2020-3-5. Men vi ønsker at datoen skal vises i formatet 2020-03-05 - med nuller foran dags- og månedsnumre med kun ett siffer.

For å løse problemet, la oss skrive funksjonen addZero, som vil legge til nuller foran tall fra 0 til 9:

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

La oss bruke funksjonen vi opprettet og nå virkelig få datoen i ønsket format:

let date = new Date();

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

Vis nåværende dato og tid på skjermen i formatet 12:59:59 31.12.2014. Bruk funksjonen vi opprettet for alle deler av datoen (unntatt år) for å legge til null om nødvendig.