Un'introduzione a date e orari in JavaScript

Lavorare con le date è un aspetto importante della programmazione. L'oggetto date integrato viene utilizzato per lavorare con date e orari in JavaScript. I vari metodi dell'oggetto data rendono l'attività molto più semplice mentre si lavora con date e orari.

In questo articolo imparerai tutto ciò che devi sapere sull'utilizzo delle date in JavaScript. Quindi, senza ulteriori indugi, entriamo.

Come creare oggetti data

Puoi creare un oggetto data in JavaScript utilizzando i seguenti quattro modi:

1. nuova data()

Il nuova data() il costruttore crea un oggetto data con la data e l'ora correnti.

let d = new Date();
console.log (d);

Produzione:

lun 03 gennaio 2022 20:27:58 GMT+0530 (ora solare dell'India)

2. nuova data (stringa di data)

Il nuova data (stringa di data) costruttore crea un oggetto data da una stringa di data.

let d = new Date("01-01-2022");
console.log (d);

Produzione:

sab 01 gennaio 2022 05:30:00 GMT+0530 (ora solare indiana)

3. nuova Data (millisecondi)

Il nuova Data (millisecondi) costruttore crea un oggetto data aggiungendo i millisecondi al tempo zero. Il parametro rappresenta il tempo trascorso in millisecondi dal 1 gennaio 1970 UTC.

let d1 = nuova Data (0);
console.log (d1);
let d2 = nuova Data (973436457364);
console.log (d2);

Produzione:

Thu Jan 01 1970 05:30:00 GMT+0530 (India Standard Time)
Dom Nov 05 2000 20:30:57 GMT+0530 (India Standard Time)

4. nuova Data (anno, mese, giorno, ore, minuti, secondi, millisecondi)

Il nuova Data (anno, mese, giorno, ore, minuti, secondi, millisecondi) costruttore crea un oggetto data con una data e un'ora specificate. I sette parametri specificano rispettivamente anno, mese, giorno, ore, minuti, secondi e millisecondi.

let d = nuova Data (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Produzione:

mercoledì 11 novembre 2020 15:29:46 GMT+0530 (ora solare dell'India)

Puoi anche creare un oggetto data con sei, quattro, tre o due parametri.

a) I sei parametri specificano anno, mese, giorno, ora, minuti e secondi.

b) I cinque parametri specificano anno, mese, giorno, ora e minuti.

c) I quattro parametri specificano anno, mese, giorno e ora.

d) I tre parametri specificano anno, mese e giorno.

e) I due parametri specificano anno e mese.

Nota:

• JavaScript conta i mesi da 0 a 11, ovvero gennaio è rappresentato da 0 e dicembre è rappresentato da 11.
• Se specifichi valori fuori intervallo nell'oggetto Date, non genererà un errore, ma si corregge automaticamente.

// Marzo non ha 40 giorni, l'overflow viene corretto automaticamente
let d = nuova Data (2020, 2, 40);
console.log (d);

Produzione:

Thu Apr 09 2020 00:00:00 GMT+0530 (India Standard Time)

Metodi di acquisizione della data JavaScript

È possibile utilizzare i metodi seguenti per ottenere informazioni da un oggetto data.

1. getFullYear()

Questo metodo restituisce l'anno come numero di quattro cifre (aaaa) in base all'ora locale.

let d = new Date();
console.log (d.getFullYear());

Produzione:

2022

2. getMonth()

Questo metodo restituisce il mese come numero (0-11) in base all'ora locale.

let d = new Date();
console.log (d.getMonth());

Produzione:

0

3. getDate()

Questo metodo restituisce il giorno come numero (1-31) in base all'ora locale.

let d = new Date();
console.log (d.getDate());

Produzione:

3

Imparentato: Un'introduzione ai tipi di dati in JavaScript

4. getHours()

Questo metodo restituisce l'ora (0-23) in base all'ora locale.

let d = new Date();
console.log (d.getHours());

Produzione:

22

5. getMinutes()

Questo metodo restituisce i minuti (0-59) in base all'ora locale.

let d = new Date();
console.log (d.getMinutes());

Produzione:

40

6. getSeconds()

Questo metodo restituisce il secondo (0-59) in base all'ora locale.

let d = new Date();
console.log (d.getSeconds());

Produzione:

30

7. getMillisecondi()

Questo metodo restituisce il millisecondo (0-999) in base all'ora locale.

let d = new Date();
console.log (d.getMilliseconds());

Produzione:

55

Imparentato: JavaScript One-Liner che dovresti conoscere

8. prendi tempo()

Questo metodo restituisce il tempo in millisecondi dal 1 gennaio 1970.

let d = new Date();
console.log (d.getTime());

Produzione:

1641230088884

9. getDay()

Questo metodo restituisce il giorno della settimana come numero (0-6) in base all'ora locale.

let d = new Date();
console.log (d.getDay());

Produzione:

1

Nota: Se desideri lavorare con le date UTC, puoi utilizzare i seguenti metodi di data: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMese(), e getUTCSeconds().

Metodi di impostazione della data JavaScript

È possibile utilizzare i metodi seguenti per impostare una parte di un oggetto data.

1. impostare la data()

Questo metodo imposta il giorno come numero (1-31) per una data specificata in base all'ora locale.

let d = new Date();
d.setDate (20);
console.log (d);

Produzione:

Thu Jan 20 2022 22:58:59 GMT+0530 (India Standard Time)

Imparentato: Metodi matematici JavaScript che dovresti padroneggiare oggi

2. setAnnoCompleto()

Questo metodo imposta l'anno per una data specificata in base all'ora locale.

let d = new Date();
d.setFullYear (2016);
console.log (d);

Produzione:

dom 03 gennaio 2016 23:00:41 GMT+0530 (ora solare dell'India)

3. setHours()

Questo metodo imposta l'ora (0-23) per una data specificata in base all'ora locale.

let d = new Date();
d.setHours (15);
console.log (d);

Produzione:

lun 03 gennaio 2022 15:02:01 GMT+0530 (ora solare indiana)

Imparentato: Come creare una semplice calcolatrice utilizzando HTML, CSS e JavaScript

4. setMillisecondi()

Questo metodo imposta i millisecondi (0-999) per una data specificata in base all'ora locale.

let d = new Date();
d.setMillisecondi (548);
console.log (d);

Produzione:

lun 03 gennaio 2022 23:04:13 GMT+0530 (ora solare dell'India)

Allo stesso modo, puoi usare il setMinutes(), setMese(), e setSeconds() metodi per impostare rispettivamente i minuti (0-59), il mese (0-11) ei secondi (0-59) per una data specificata in base all'ora locale.

Esempio di ora corrente JavaScript

Un semplice esempio per stampare l'ora corrente del sistema:

Se vuoi dare un'occhiata al codice sorgente completo utilizzato in questo articolo, ecco il Archivio GitHub.​​​​​​​

Sviluppa progetti utilizzando i concetti di data di JavaScript

Incontrerai molte istanze di date JavaScript mentre lavori su applicazioni del mondo reale. Se vuoi iniziare con un progetto semplice e acquisire esperienza pratica, puoi sviluppare un orologio digitale utilizzando HTML, CSS e JavaScript. Insieme alle date, imparerai anche alcuni importanti concetti JavaScript come lavorare con le variabili, usare funzioni, accedere e aggiungere proprietà al DOM e altro ancora.

Come creare un orologio digitale utilizzando HTML, CSS e JavaScript

Codifichi fino a quando il cinguettio degli uccelli non ti informa che è mattina? Tieni traccia del tempo con questo orologio personalizzato.

Leggi Avanti

Circa l'autore