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:

let 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:

let 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:

function 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:

let date = new Date();

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

Visa nuvarande datum och tid på skärmen i formatet 12:59:59 31.12.2014. Använd för alla delar av datumet (utom år) vår skapade funktion för att lägga till noll vid behov.