Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


Oggetti data JavaScript


JavaScript Date Object ci consente di lavorare con le date:

Sat Jan 29 2022 21:12:19 GMT+0000 (Coordinated Universal Time)

Esempio

const d = new Date();

Uscita data JavaScript

Per impostazione predefinita, JavaScript utilizzerà il fuso orario del browser e visualizzerà una data come stringa di testo completo:

Sat Jan 29 2022 21:12:19 GMT+0000 (Coordinated Universal Time)

Imparerai molto di più su come visualizzare le date, più avanti in questo tutorial.


Creazione di oggetti data

Gli oggetti Data vengono creati con il new Date()costruttore.

Esistono 4 modi per creare un nuovo oggetto data:

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

nuova data()

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

Esempio

const d = new Date();

Gli oggetti Data sono statici. Il tempo del computer scorre, ma gli oggetti data no.


nuova Data( anno, mese, ... )

new Date(year, month, ...)crea un nuovo oggetto data con una data e un'ora specificate .

7 numeri specificano anno, mese, giorno, ora, minuti, secondi e millisecondi (in quest'ordine):

Esempio

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Nota: JavaScript conta i mesi da 0 a 11 :

Gennaio = 0 .

Dicembre = 11 .

Specificando un mese maggiore di 11, non si verificherà un errore ma si aggiungerà l'overflow all'anno successivo:

Specificando:

const d = new Date(2018, 15, 24, 10, 33, 30);

Equivale a:

const d = new Date(2019, 3, 24, 10, 33, 30);

Specificando un giorno superiore a max, non si verificherà un errore ma si aggiungerà l'overflow al mese successivo:

Specificando:

const d = new Date(2018, 5, 35, 10, 33, 30);

Equivale a:

const d = new Date(2018, 6, 5, 10, 33, 30);

Usando 6, 4, 3 o 2 numeri

6 numeri specificano anno, mese, giorno, ora, minuti, secondi:

Esempio

const d = new Date(2018, 11, 24, 10, 33, 30);

5 numeri specificano anno, mese, giorno, ora e minuti:

Esempio

const d = new Date(2018, 11, 24, 10, 33);

4 numeri specificano anno, mese, giorno e ora:

Esempio

const d = new Date(2018, 11, 24, 10);

3 numeri specificano anno, mese e giorno:

Esempio

const d = new Date(2018, 11, 24);

2 numeri specificano anno e mese:

Esempio

const d = new Date(2018, 11);

Non puoi omettere il mese. Se fornisci un solo parametro, verrà trattato come millisecondi.

Esempio

const d = new Date(2018);

Secolo precedente

Gli anni a una e due cifre verranno interpretati come 19xx:

Esempio

const d = new Date(99, 11, 24);

Esempio

const d = new Date(9, 11, 24);

nuova data( dateString )

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

Esempio

const d = new Date("October 13, 2014 11:13:00");

Le stringhe di data sono descritte nel capitolo successivo.


JavaScript memorizza le date come millisecondi

JavaScript memorizza le date come numero di millisecondi dal 01 gennaio 1970, 00:00:00 UTC (Universal Time Coordinated).

L'ora zero è il 01 gennaio 1970 00:00:00 UTC.

Ora il tempo è: 1643490739590 millisecondi dopo il 01 gennaio 1970


nuova data ( millisecondi )

new Date(milliseconds)crea un nuovo oggetto data come tempo zero più millisecondi :

Esempio

const d = new Date(0);

01 gennaio 1970 più 100 000 000 000 millisecondi è circa 03 marzo 1973:

Esempio

const d = new Date(100000000000);

01 gennaio 1970 meno 100 000 000 000 millisecondi corrisponde a circa il 31 ottobre 1966:

Esempio

const d = new Date(-100000000000);

Esempio

const d = new Date(86400000);

Un giorno (24 ore) è 86 400 000 millisecondi.



Metodi di data

Quando viene creato un oggetto Date, una serie di metodi consente di operare su di esso.

I metodi della data consentono di ottenere e impostare l'anno, il mese, il giorno, l'ora, i minuti, i secondi e i millisecondi degli oggetti data, utilizzando l'ora locale o l'ora UTC (universale o GMT).

I metodi di data e i fusi orari sono trattati nei capitoli successivi.


Visualizzazione delle date

JavaScript genererà (per impostazione predefinita) le date in formato stringa di testo completo:

Esempio

Sat Jan 29 2022 21:12:19 GMT+0000 (Coordinated Universal Time)

Quando visualizzi un oggetto data in HTML, viene automaticamente convertito in una stringa, con il toString()metodo.

Esempio

const d = new Date();
d.toString();

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

Esempio

const d = new Date();
d.toUTCString();

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

Esempio

const d = new Date();
d.toDateString();

Il toISOString()metodo converte un oggetto Date in una stringa, utilizzando il formato standard ISO:

Esempio

const d = new Date();
d.toISOString();

Riferimento completo della data JavaScript

Per un riferimento completo alla data, vai al nostro:

Riferimento completo della data JavaScript .

Il riferimento contiene descrizioni ed esempi di tutte le proprietà e i metodi di Date.