Gli ultimi tutorial di sviluppo web
 

JavaScript Date


L'oggetto Date consente di lavorare con date (anni, mesi, giorni, ore, minuti, secondi e millesimi di secondo)


JavaScript formati di data

Una data JavaScript può essere scritto come una stringa:

Dom 6 Nov 2016 06:57:46 GMT + 0800 (中国标准时间)

o come un numero:

1478386666530

Date scritte come numeri, specifica il numero di millisecondi a partire dal 1 gennaio 1970, 00:00:00.


la visualizzazione delle date

In questo tutorial utilizzare uno script per visualizzare le date all'interno di un <p> elemento con id="demo" :

Esempio

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Date();
</script>
Prova tu stesso "

Lo script di cui sopra dice: assegnare il valore di Date() al contenuto ( innerHTML ) dell'elemento con id="demo" .

Imparerete come visualizzare una data, in un formato più leggibile, in fondo a questa pagina.


Creazione di Data Objects

L'oggetto Date consente di lavorare con date.

Una data consiste di un anno, mese, giorno, un'ora, un minuto, un secondo, e millisecondi.

Oggetti Date vengono creati con la new Date() costruttore.

Ci sono 4 modi di iniziare una data:

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

Usando new Date() , crea un nuovo oggetto Date con la data e l'ora correnti:

Esempio

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
Prova tu stesso "

Usando new Date (data di stringa), crea un nuovo oggetto data a partire dalla data e ora specificate:

Esempio

<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>
Prova tu stesso "

le stringhe di data valida (formati di data) sono descritte nel capitolo successivo.

Usando new Date (numero), crea un nuovo oggetto Date come tempo zero più il numero.

Zero tempo è 01 January 1970 00:00:00 UTC . Il numero è specificato in millisecondi:

Esempio

<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>
Prova tu stesso "

date JavaScript sono calcolate in millisecondi dal 1 gen 1970 00:00:00 Universal Time (UTC). Un giorno contiene 86.400.000 millisecondo.

Utilizzando new Date (7 numeri), crea un nuovo oggetto Date con la data e l'ora indicata:

I 7 numeri specificano l'anno, mese, giorno, ora, minuto, secondo, e millisecondo, in questo ordine:

Esempio

<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML = d;
</script>
Prova tu stesso "

Varianti del precedente esempio ci permettono di omettere qualsiasi degli ultimi 4 parametri:

Esempio

<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
Prova tu stesso "

JavaScript conta mesi da 0 a 11. Gennaio è 0. Dicembre è 11.


Metodi Data

Quando viene creato un oggetto Date, un certo numero di metodi consentono di operare su di esso.

metodi Data consentono di ottenere e impostare l'anno, mese, giorno, ora, minuto, secondo e millisecondo di oggetti, utilizzando l'ora locale o UTC (Universal, o GMT).

metodi di Data sono coperti in un capitolo successivo.


la visualizzazione delle date

Quando si visualizza un oggetto Date in HTML, questo viene automaticamente convertito in una stringa, con il toString() metodo.

Esempio

<p id="demo"></p>

<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

Equivale a:

<p id="demo"></p>

<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
Prova tu stesso "

Il toUTCString() metodo converte una data in una stringa UTC (una visualizzazione standard data).

Esempio

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
</script>
Prova tu stesso "

Il toDateString() metodo converte una data in un formato più leggibile:

Esempio

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>
Prova tu stesso "

oggetti Date sono statici. Il tempo del computer passa, ma gli oggetti data, una volta creato, non lo sono.


Fusi orari

Quando si imposta una data, senza specificare il fuso orario, JavaScript utilizzerà il fuso orario del browser.

Quando si ottiene una data, senza specificare il fuso orario, il risultato viene convertito il fuso orario del browser.

In altre parole: se una data / ora viene creato in GMT (Greenwich Mean Time), la data / ora verrà convertito in CDT (Stati Uniti centro-Daylight Time) se un utente naviga da centrale degli Stati Uniti.

Per saperne di più fusi orari nei prossimi capitoli.


Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 »