Utilizzare new Date() per creare un nuovo oggetto Date contenente la data e l'ora correnti.
notare che Data() chiamato senza argomenti è equivalente a nuovo Data(Data.ora()) .
Una volta ottenuto un oggetto data, è possibile utilizzare uno dei numerosi metodi disponibili per recuperare le sue proprietà (ad esempio, getFullYear() per ottenere un anno a 4 cifre).
Di seguito sono alcuni metodi comuni date.
Ottieni l'anno corrente var year = (new Date()).getFullYear(); registro della console (anno); // Esempio di output: 2016 Ottieni il mese corrente var month = (new Date()).getMonth(); log della console (mese); // output di esempio: 0Nota che 0 = gennaio. Questo perché i mesi variano da 0 Prima 11 , quindi è spesso consigliabile aggiungere +1 all'indice.
Ottieni il giorno corrente var day = (new Date()).getDate(); log della console (giorno); // Output di esempio: 31 Ottieni l'ora corrente var hours = (new Date()).getHours(); log della console (ore); // Output di esempio: 10 Ottieni i minuti correnti var minutes = (new Date()).getMinutes(); log della console (minuti); // Output di esempio: 39 Ottieni i secondi correnti var seconds = (new Date()).getSeconds(); log della console (secondo); // Output di esempio: 48 Ottieni i millisecondi correntiPer ottenere i millisecondi (da 0 a 999) di un'istanza dell'oggetto Date, utilizzare il metodo getMilliseconds.
var milliseconds = (new Date()).getMilliseconds(); log della console (millisecondi); // Output: millisecondi in questo momento
Conversione dell'ora e della data correnti in una stringa leggibile dall'uomo var now = new Date(); // converte la data in una stringa nel formato del fuso orario UTC: console.log(now.toUTCString()); // Uscita: mercoledì 21 giugno 2017 09:13:01 GMTIl metodo statico Date.now() restituisce il numero di millisecondi dal 1 gennaio 1970 00:00:00 UTC. Per ottenere il numero di millisecondi trascorsi da allora utilizzando un'istanza dell'oggetto Date, utilizzare il relativo metodo getTime.
// ottiene i millisecondi utilizzando il metodo statico now di Date console.log(Date.now()); // ottiene i millisecondi utilizzando il metodo getTime of Date instance console.log((new Date()).getTime());
Un'altra cosa utile per i siti è l'inserimento della data corrente. Ci sono dozzine di esempi di date script su Internet, ma molti di loro, secondo me, sono ponderosi e, quindi, brutti. Nel frattempo, usando mezzi standard JavaScript, inserire una data in una pagina del sito è molto semplice. Lo uso molto spesso! Nella foto (screenshot dal sito attuale) della tenuta Skazka!
Ecco l'intero script della data:
Secondo me, da nessuna parte è più facile, abbastanza bello e comprensibile. Se non desideri studiare la costruzione di questo script, incollalo in un punto qualsiasi della pagina HTML e ottieni la seguente iscrizione:
Un'altra opzione più avanzata
//
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
! Oggi
// + " " + d.getFullYear() + " y.");
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
// ]]>
Sembra così:
Oggi
In generale non sono richieste competenze, basta inserire stupidamente il codice ed è tutto ok!
Di più:Iniziamo quindi assegnando un valore di data alla variabile d , quindi creiamo degli array ( Array ) per i giorni della settimana ( day ) e dei mesi ( month ), indicandoli nella forma grammaticale richiesta: case, number, lettera maiuscola, se la parola è all'inizio della data, ecc. L'ultima riga dello script sta effettivamente stampando la data ( document.write ). Qui imposti cosa e in quale ordine visualizzerai nella riga della data corrente. I componenti sono separati l'uno dall'altro da un segno +. Per inserire uno spazio, si usa la costruzione " ", e per inserire la lettera g (anno) - la costruzione "g."
Come puoi vedere dallo script, ottenere i dati dell'ora corrente viene eseguito dall'elemento get. Questo metodo consente di ottenere le seguenti informazioni:
Non sempre è conveniente inserire uno script Java direttamente in una pagina del sito. È meglio posizionare la descrizione dello script nella parte superiore della pagina tra i tag e impostare una variabile che chiameremo secondo necessità nel testo. Chiamiamolo OGGI e definiamo il modulo di output della data nello stesso modo di cui sopra. Lo script sarà simile a questo:
Per visualizzare la data, chiamiamo lo script al posto giusto nel codice HTML della pagina usando il seguente comando:
documento.write(OGGI);
Se il tuo sito contiene molte pagine in cui devi mostrare la data, allora è più conveniente separare lo script Java per visualizzare la data in fascicolo separato, ad esempio data.js . In pratica si tratta di una pagina composta dal primo degli script descritti, cioè con la riga document.write (vedi sopra). Deve trovarsi nella stessa directory della pagina principale e richiamare nel punto in cui viene visualizzata la data come segue:
Non dimenticare di controllare che il file data.js abbia la stessa codifica del documento principale, altrimenti la data verrà visualizzata con meravigliosi ganci, quadrati e altri gingilli.
Commento. Va tenuto presente che lo script descritto visualizza la data impostata sul computer dell'utente, che non sempre corrisponde all'ora corrente reale. Se devi mostrare l'ora esatta, devi utilizzare uno script PHP che mostrerà l'ora sul server.
L'oggetto Date consente di lavorare con date e orari. La seguente sintassi viene utilizzata per creare un nuovo oggetto Date:
Nuova data()
Le date sono memorizzate in esso come il numero di millisecondi trascorsi dalla mezzanotte del 1 gennaio 1970, secondo l'ora universale (UTC). Questo formato consente a Date di rappresentare accuratamente le date che sono 285.616 anni dal 1° gennaio 1970.
Se il costruttore Date viene chiamato senza argomenti, viene creato un oggetto con i valori di data e ora correnti. Per creare un oggetto Date con una data o un'ora specifica, dovrai passare uno dei quattro possibili parametri:
Si noti che il numero 4 corrisponde al mese di maggio. Ciò significa che il numero 0 corrisponde a gennaio, i giorni vengono calcolati allo stesso modo, solo la domenica corrisponde a zero in questo caso.
Quando si lavora con l'oggetto Date, è importante ricordare che i calcoli vengono eseguiti utilizzando l'ora universale (UTC), anche se il computer potrebbe visualizzare l'ora in base al proprio fuso orario.
Metodi| getDate() | Restituisce il giorno del mese (da 1 a 31) per la data specificata, secondo l'ora locale. |
| getDay() | Restituisce il giorno della settimana (da 0 a 6; 0 = domenica, 1 = lunedì e così via) per la data specificata nell'ora locale. |
| getFullYear() | Restituisce l'anno (quattro cifre). |
| getHours() | Restituisce l'ora (da 0 a 23). |
| getMilliseconds() | Restituisce i millisecondi (da 0 a 999). |
| ottieniMinuti() | Restituisce i minuti (da 0 a 59). |
| getMonth() | Restituisce il mese (da 0 a 11; 0 = gennaio, 1 = febbraio, ecc.). |
| getSecondi() | Restituisce i secondi (da 0 a 59). |
| prendi tempo() | Restituisce il numero di millisecondi dalla mezzanotte del 01/01/1970. |
| getTimezoneOffset() | Restituisce la differenza di orario tra UTC e ora locale, in minuti. |
| getUTCDate() | Restituisce il giorno del mese secondo il tempo universale (da 1 a 31). |
| getGiornoUTC() | Restituisce il giorno della settimana secondo il tempo universale (da 0 a 6). |
| getUTCFullYear() | Restituisce l'anno UTC (quattro cifre). |
| getUTCHours() | Restituisce l'ora UTC (da 0 a 23). |
| getUTCMilliseconds() | Restituisce i millisecondi UTC (da 0 a 999). |
| getUTCMinute() | Restituisce i minuti secondo il tempo universale (da 0 a 59). |
| getUTCMese() | Restituisce il mese UTC (da 0 a 11). |
| getUTCSecon() | Restituisce i secondi UTC (da 0 a 59). |
| analizza() | Analizza una stringa di data (ad esempio, "21 maggio 1992") e restituisce una stringa di data contenente il numero di millisecondi dal 1 gennaio 1970 00:00:00. |
| impostare la data() | Imposta il giorno del mese per la data specificata in base all'ora locale (da 1 a 31). |
| impostaAnnoCompleto() | Imposta l'anno (quattro cifre). |
| impostaOre() | Imposta le ore per la data specificata in base all'ora locale (da 0 a 23). |
| setMilliseconds() | Imposta i millisecondi per la data specificata in base all'ora locale. |
| impostaMinuti() | Imposta i minuti (da 0 a 59). |
| setMese() | Imposta il mese (da 0 a 11). |
| impostaSecondi() | Imposta i secondi (da 0 a 59). |
| tempo impostato() | Imposta la data in millisecondi dopo (o prima) del 01/01/1970. |
| setUTCDate() | Specifica il giorno del mese. |
| setUTCFullYear() | Imposta l'anno UTC (quattro cifre). |
| setUTCHours() | Imposta l'ora per la data specificata in base all'ora universale. |
| setUTCMilliseconds() | Imposta i millisecondi per la data UTC specificata. |
| setUTCMinute() | Imposta i minuti per la data specificata in base all'ora UTC. |
| setUTCMese() | Imposta il mese per la data specificata in base all'ora UTC. |
| setUTCSecon() | Imposta i secondi per la data specificata in base all'ora universale. |
| toDateString() | |
| toISOString() | Converte una data in una stringa utilizzando lo standard ISO 8601. |
| aJSON() | Restituisce la data come stringa, formattata come data JSON. |
| toLocaleDateString() | |
| toLocaleTimeString() | Restituisce la parte della data come stringa, con una rappresentazione della data basata sulle impostazioni di sistema. |
| toLocaleString() | Restituisce la data come stringa, con una rappresentazione della data basata sulle impostazioni di sistema. |
| accordare() | Restituisce una stringa che rappresenta l'oggetto Date specificato. |
| toTimeString() | Restituisce la parte della data come stringa. |
| toUTCString() | Converte una data in una stringa utilizzando il fuso orario UTC. |
| UTC() | Accetta gli stessi parametri della forma lunga del costruttore (ad esempio 2-7) e restituisce il numero di millisecondi dal 1 gennaio 1970, 00:00:00 UTC. |
| valore di() | Restituisce il valore primitivo dell'oggetto Date. |
In questa lezione impareremo a conoscere l'oggetto Date. linguaggio javascript e imparare a usarlo nella pratica.
Creazione di una data - 4 esempiIn JavaScript, la creazione della data viene eseguita utilizzando l'oggetto Date. L'oggetto Date è un punto sull'asse del tempo ed è progettato per archiviare date e ore con precisione al millisecondo.
Esempi di creazione di una data in JavaScript.
1. Creare la data e l'ora correnti.
Ottenere la data e l'ora correnti in JavaScript viene eseguito istanziando un oggetto Date senza parametri:
// data corrente (la data e l'ora che erano nel momento in cui l'oggetto Date è stato istanziato computer locale utente) var now = new Date(); // ad esempio, visualizza la data corrente nella console console.log(now);
Se vuoi solo ottenere la data odierna come stringa, puoi usare il metodo toLocaleDateString :
Var now = new Date().toLocaleDateString(); // 19/12/2019
Puoi ottenere l'ora corrente dell'utente in questo modo:
Var now = new Date().toLocaleTimeString(); // 11:02:48 var now = new Date().toLocaleTimeString().slice(0,-3); // 11:02
La data e l'ora in formato stringa possono essere ottenute come segue:
Var now = new Date().toLocaleString(); // 19.12.2019, 11:02:48
2. Creare una data assegnando all'oggetto Date il numero di millisecondi dal 1 gennaio 1970 00:00:00 UTC.
// 1 anno (non elevato) = 365*24*60*60*1000 = 31536000000 ms // ad esempio, crea la data 01/01/1971, 00:00:00 UTC: var date1 = new Date(31536000000 );
3. Creazione di una data specificandola nell'oggetto Date come stringa.
Con questa opzione per la creazione di una data, JavaScript cercherà di comprendere la stringa che gli è stata passata e genererà una data basata su di essa. La conversione di una stringa in una data in JavaScript viene eseguita utilizzando il metodo Date.parse.
Per esempio:
// crea una data basata su una stringa nel formato GG.MM.AA var date1 = new Date("11/05/19"); // crea una data basata su una stringa nel formato AAAA-MM-GGThh:mm:ss.sss (il simbolo T viene utilizzato per separare la data e l'ora) var date2 = new Date("2015-02-24T21:23 "); // crea una data basata su una stringa che indica il fuso orario (formato AAAA-MM-GGThh:mm:ss.sss±hh:mm): var date3 = new Date("2015-02-24T22:02+03:00 ");
4. Creazione di una data specificando i seguenti parametri separati da virgole: anno (4 cifre), mese (contato da 0), giorno (1..31), ore (0..23), minuti (0..59) , secondi (0..59), millisecondi (0..999). Inoltre, solo i primi due parametri sono obbligatori.
Un esempio di creazione di una data con solo i parametri richiesti:
// crea la data 01/01/2015 (i parametri predefiniti non specificati sono: numero - 01, ore - 00, minuti - 00, secondi - 00, millisecondi - 000). var data1 = nuova data(2015,01); // crea la data 24.01.2015, 21:23 var date2 = new Date(2015,01,24,21,23);
Nota: se è necessario impostare la data e l'ora su UTC, è possibile utilizzare il metodo Date.UTC.
//1 esempio var date1 = Date.UTC(2015,1,1); var data2 = nuova data(data1); alert(date2.toUTCString()); //2 esempio var newDate = new Date(Date.UTC(2015,1,1)); alert(newDate.toUTCString());
Recupero di singoli componenti di data e oraIn JavaScript, vengono forniti i seguenti metodi per ottenere i singoli componenti di data e ora:
Tutti questi metodi ritornano singoli componenti data e ora secondo il fuso orario impostato sul dispositivo locale dell'utente.
// data di creazione 11/11/2019 00:00 UTC var newDate = new Date(Date.UTC(2019,11,11)); // ottiene i componenti della data se l'ora locale sul dispositivo dell'utente è UTC+10:00 newDate.getFullYear(); //2019 newDate.getMonth(); // 10 newDate.getDate(); // 11 newDate.getHours(); // 10 newDate.getMinutes(); // 0 newDate.getSeconds(); // 0 newDate.getMilliseconds(); // 0
Un esempio in cui salutiamo l'utente, a seconda dell'intervallo di tempo che ha adesso:
// ottiene l'ora corrente dell'utente e i componenti di questa ora var now = new Date(), hour = now.getHours(), minute = now.getMinutes(), second = now.getSeconds(), message = ""; // definisce la frase di saluto in base all'ora locale dell'utente if (hour
