Data (Date) JavaScript

Data e ora di JavaScript

L'oggetto Date di JavaScript ci permette di gestire le date.

In JavaScript, potresti voler creare un sito web con un calendario, un orario dei treni o un'interfaccia per impostare appuntamenti.

Queste applicazioni devono visualizzare l'ora corrispondente in base al fuso orario dell'utente.

Tue Aug 11 2020 22:34:40 GMT+0800 (Cina Standard Time)

Oggetto Date

Oggetto DateÈ un oggetto integrato di JavaScript per memorizzare data e ora.

Fornisce molti metodi integrati per formattare e gestire i dati.

L'oggetto Date è creato utilizzando il costruttore new Date().

let now = new Date(); // Imposta la variabile con la data e ora corrente

Di default, JavaScript utilizza il fuso orario del browser e visualizza la data come una stringa completa.

Creazione di un oggetto Date

Ci sono quattro metodi per creare un nuovo oggetto Date.

Puoi utilizzare qualsiasi sintassi di seguito per creare un oggetto Date con il costruttore new Date().

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

new Date() creerà un nuovo oggetto Date con la data e ora corrente:

let d = new Date();

new Date(milliseconds)

new Date(milliseconds) creerà un nuovo oggetto Date con zero millisecondi:

let d = new Date(0);

JavaScript interpreta le date in base al timestamp Unix, che è il numero di millisecondi trascorsi dal mezzanotte del 1° gennaio 1970.

Il 1° gennaio 1970 più 2524600000000 millisecondi è circa il 1° gennaio 2050:

let d = new Date(2524600000000);

new Date(dateString)

new Date(dateString) ha creato un nuovo oggetto Date da una stringa di data:

let d = new Date("July 30 1992 18:30");

new Date(year, month, ...)

Creerà un nuovo oggetto Date con data e ora specifiche: new Date(year, month, ...)

7 numeri specificano anno, mese, giorno, ora, minuto, secondo e millisecondo (in questo ordine):

let d = new Date(2019, 0, 26, 10, 40, 30, 0);

Nell'esempio sopra, i secondi e i millisecondi sono impostati su 30 e 0 rispettivamente.

Se mancano qualsiasi numero nella creazione della data, il valore predefinito è 0.

Ma l'ordine non può essere cambiato, quindi ricorda questo se decidi di saltare un numero.

Potresti notare anche che il mese di gennaio è rappresentato con 0 invece del solito 1.

Questo è perché i numeri di data e ora iniziano da 0, come nella maggior parte dei contatori di programmazione.

Il mese in JavaScript va da 0 a 11. Gennaio è 0, dicembre è 11.

Metodi di data

Quando si crea un oggetto Date, è possibile utilizzarne vari metodi per manipolarlo.

Utilizzando i metodi di data, è possibile utilizzare l'ora locale o UTC (universale o GMT) perRecuperoeImpostazioneData, anno, mese, giorno, ora, minuto, secondo e millisecondo.

Ricerca (Recupero) data

Con l'oggetto data, è possibile accedere a tutti i componenti della data utilizzando vari metodi integrati.

Questi metodi restituiranno ogni parte della data rispetto alla zona oraria locale.

Ogni metodo in questigetInizio, e restituirà il numero relativo.

La tabella seguente è per l'oggetto DategetTabella dei metodi:

Metodo getFullYear()

getFullYear()Il metodo restituisce l'anno del giorno come numero a quattro cifre.

var d = new Date();
d.getFullYear();

Metodo getMonth()

getMonth()Il metodo restituisce il mese dell'anno come numero (da 0 a 11).

var d = new Date();
d.getMonth();

Il mese in JavaScript va da 0 a 11. Gennaio è 0, dicembre è 11.

Nell'esempio seguente, la variabile month memorizza il nome del mese:

var arr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var d = new Date();
var month = arr[d.getMonth()];

Il metodo getDate()

getDate()Il metodo restituisce un giorno del mese in forma numerica (1-31).

var d = new Date();
d.getDate();

Il metodo getDay()

getDay()Il metodo restituisce il giorno della settimana come numero (0-6).

var d = new Date();
d.getDay();

JavaScript conta i giorni lavorativi da 0 a 6. Domenica è 0, Sabato è 6.

Nell'esempio seguente, la variabile Today memorizza il nome della data:

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

Il metodo getHours()

getHours()Il metodo restituisce l'ora della data come numero (0-23).

var d = new Date();
d.getHours();

Il metodo getMinutes()

getMinutes()Il metodo restituisce i minuti della data come numero (0-59).

var d = new Date();
d.getMinutes();

Il metodo getSeconds()

getSeconds()Il metodo restituisce i secondi della data come numero (0-59).

var d = new Date();
d.getSeconds();

Il metodo getMilliseconds()

getMilliseconds()Il metodo restituisce i millisecondi della data in forma numerica (0-999).

var d = new Date();
d.getMilliseconds();

Il metodo getTime()

getTime()Il metodo getTime() restituisce il numero di millisecondi trascorsi dal 1-1-1970.

var d = new Date();
d.getTime();

Un giorno (24 ore) è di 86,400 millisecondi.

Modificare la data(Impostare)

Per tutti i metodi che abbiamo imparato sopragetmetodi, c'è un metodo corrispondentesetmetodo.

Se si utilizzagetPer ottenere parti specifiche della data da una data, utilizzaresetper modificare le parti della data.

La tabella seguente è per l'oggetto DatesetTabella dei metodi:

metodo setFullYear()

setFullYear()metodo imposta l'anno dell'oggetto data.

var d = new Date();
d.setFullYear(2010);

setFullYear()metodo può scegliere di impostare mese e giorno.

var d = new Date();
d.setFullYear(2010, 8, 30);

metodo setMonth()

setMonth()metodo imposta il mese dell'oggetto data (0-11).

var d = new Date();
d.setMonth(11);

metodo setDate()

setDate()metodo imposta il giorno dell'oggetto data nel mese (1-31).

var d = new Date();
d.setDate(22);

metodo setHours()

setHours()metodo imposta l'ora dell'oggetto data (0-23).

var d = new Date();
d.setHours(18);

metodo setMinutes()

setMinutes()metodo imposta i minuti dell'oggetto data (0-59).

var d = new Date();
d.setMinutes(32);

metodo setSeconds()

setSeconds()metodo imposta i secondi dell'oggetto data (0-59).

var d = new Date();
d.setSeconds(24);

metodo setMilliseconds()

setMilliseconds()metodo imposta i millisecondi dell'oggetto data (0-999).

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

metodo setTime()

setTime()metodo imposta l'oggetto Date come il numero di millisecondi trascorsi dal 1 gennaio 1970.

var d = new Date();
d.setTime(1542655292087);

metodi di data UTC

　 　 I metodi di data UTC discussi sopragetmetodo per recuperare i componenti della data in base alla configurazione della timezone locale dell'utente.

Per meglio specificare la data e l'ora, è possibile utilizzaregetUTCmetodo, che è identico ai metodi get, la differenza è che calcolano il tempo in base allo standard UTC (ora universale)

La tabella seguente è una tabella dei metodi UTC dell'oggetto Date JavaScript:

Per sapere la differenza tra i metodi get di ora locale (locale) e UTC, possiamo eseguire il seguente codice:

let now = new Date();
// Stampa l'ora locale e l'UTC (locale e UTC)
document.write(now.getHours());
document.write(now.getUTCHours());

Eseguendo questo codice, verranno stampate l'ora corrente e l'ora UTC. Se si è nell'UTC, i numeri generati dal programma sopra saranno gli stessi.

Più esempi

In questo esempio, JavaScript mostra l'ora corrente.

Completo riferimento alla data

Per ottenere una riferimento completo delle proprietà e dei metodi, visitare il nostroRiferimento alla data JavaScript.

La parte di riferimento contiene descrizioni e esempi di tutte le proprietà e metodi Date.