Formattazione della data in JavaScript

Ora impariamo a visualizzare la data in un formato specifico. Supponiamo, ad esempio, che vogliamo visualizzare a schermo il giorno, mese e anno corrente nel formato anno-mese-giorno.

Facciamolo:

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

Tuttavia, il nostro codice ha un problema: i numeri dei mesi inizieranno da zero, mentre molto probabilmente vorremmo che iniziassero da uno.

Correggiamo il problema:

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

Tuttavia, il nostro codice non è ancora perfetto. Ma questo si nota solo in certi mesi e in certi giorni. Supponiamo, ad esempio, che oggi sia il 5 marzo 2020.

In questo caso la nostra data verrà visualizzata nel formato 2020-3-5. Ma noi vorremmo che la data fosse visualizzata nel formato 2020-03-05 - con zeri prima dei numeri di giorni e mesi composti da una sola cifra.

Per risolvere il problema, scriviamo una funzione addZero, che aggiungerà zeri prima dei numeri da 0 a 9:

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

Applichiamo la funzione creata e ora otterremo davvero la data nel formato che desideriamo:

let date = new Date();

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

Visualizza a schermo la data-ora corrente nel formato 12:59:59 31.12.2014. Usa per tutte le parti della data (eccetto l'anno) la funzione da noi creata per aggiungere lo zero se necessario.