Come lavorare con la data e l'ora in JavaScript | Spiegato con esempi

Come lavorare con la data e l'ora in JavaScript | Spiegato con esempi
Spesso quando stai sviluppando un programma, è necessario chiedere agli utenti la loro data di nascita o la data di iscrizione o salvare la data al momento dell'input. La linea di fondo è che devi lavorare con "data e ora" mentre si sviluppano la programmazione indipendentemente dal linguaggio di programmazione, il che significa che devi conoscere la manipolazione della data nella programmazione. In JavaScript, puoi anche lavorare con la data e l'ora utilizzando l'oggetto data che è integrato in JS.

Qual è l'oggetto della data?

Poiché l'identificatore è piuttosto autoesplicativo, l'oggetto data è uno dei tanti oggetti che sono in default con JavaScript. L'oggetto data visualizza l'output della data come stringa richiedendo il fuso orario corrente del browser su cui viene eseguito il javascript. Se stai eseguendo JavaScript su un editor di codice qualcosa come un codice Visual Studio, allora JavaScript accederà all'orologio della macchina per ottenere l'ora e la data corrente.

Come utilizzare l'oggetto data?

Anche se l'oggetto data è un oggetto incorporato, per usarlo, è necessario creare il suo oggetto usando "nuovo" parola chiave. Quindi, prima di utilizzare l'oggetto data, è necessario inizializzare un oggetto con il seguente comando:

variabile = new Date (argomenti);

Nota: Argomenti nel costruttore dell'oggetto della data sono opzionali.

È possibile creare un nuovo oggetto di data utilizzando uno dei quattro metodi che verranno discussi dopo.

Creazione di un oggetto Data utilizzando i timestamp (MS)

È possibile creare un oggetto Data utilizzando i timestamp e questi timestamp sono riportati in millisecondi. Ricorda, i millisecondi sono contrari dopo il tempo dell'epoca. In JavaScript, Epoch Time è il 1 ° gennaio 1970.

Ad esempio, prova il seguente comando:

var date = new Date (15522354652);
console.registro (data);

Stiamo creando un nuovo oggetto e passando il timestamp in millisecondi. Quando stiamo registrando la variabile "Data" in console, otteniamo il seguente output:

Come puoi vedere, siamo stati in grado di creare un oggetto usando millisecondi (timestamp) negli argomenti.

Creazione di un oggetto Data (ora corrente)

Se si desidera creare un oggetto Data che ha registrato l'ora corrente, l'ora della sua creazione, allora puoi farlo non passando alcun argomento al costruttore. Puoi farlo usando le seguenti righe di codice:

var date = new Date ();
console.registro (data);

Come puoi vedere nel codice, non passiamo alcun argomento al costruttore della data. Quando non ci sono argomenti nella funzione di chiamata, l'oggetto data memorizza l'ora corrente dal fuso orario del browser o accedendo all'orologio del computer.

Come puoi vedere, siamo stati in grado di creare un oggetto per archiviare l'ora e la data corrente, quindi abbiamo usato il console.tronco d'albero() funzione per stampare quella data e ora.

Creazione di un oggetto Data usando argomenti specifici

È possibile creare un oggetto di data utilizzando una data specifica e passandoli in argomenti diversi. La sintassi per la creazione di tale oggetto è come:

Nuova data (anno, mese, giorno, ora, minuto, secondo, milli-secondi)

Proviamo a creare un oggetto da appuntamento con il momento delle 08:54, 5 giugno 1997. Per fare ciò, utilizziamo le seguenti righe di codici:

VAR Date = New Date (1997,5,5,08,54);
console.registro (data);

Come puoi vedere, nel parametro del mese, vogliamo dare "giugno" che è il 6 ° mese ma stiamo passando il valore 5. Bene, questo perché il conteggio di mesi inizia con 0 nell'oggetto data di JavaScript con 0 gennaio e 1 febbraio, e così via. Dal momento che non stiamo dando argomenti ai parametri del secondo e millisecondo, il loro valore predefinito viene selezionato.

L'output del seguente codice è:

Abbiamo creato correttamente un oggetto usando gli argomenti specificati da data.

Creazione di un oggetto Data usando la stringa di data

Possiamo anche passare in una stringa di data all'interno dell'argomento del costruttore della data. Proprio come l'ultimo esempio, proviamo a creare un oggetto Data il 5 giugno 1997 utilizzando le seguenti righe di codice:

var date = new Date ("5 giugno 1997");
console.registro (data);

L'output delle seguenti righe di codice è:

Abbiamo creato un oggetto usando un argomento basato sulla stringa di data.

Possiamo usare la tabella seguente per mettere tutta la sintassi del costruttore in un unico posto

Sintassi Scopo
new Date (); Per creare un oggetto con la data e l'ora correnti
Nuova data (timestamp in millisecondi) Per creare un oggetto con una data che è un certo millisecondo dal 1 gennaio 1970.
Nuova data (anno, mese, data, ora, minuti, secondi, MS) Per creare un oggetto con una data e ora specifica utilizzando argomenti specificati
Nuova data ("Data String") Per creare un oggetto con una data e ora specifica utilizzando l'argomento della stringa di data.

Finora abbiamo imparato a creare un oggetto usando vari costruttori dell'oggetto data. Dobbiamo ancora ottenere questa data dall'oggetto.

Data di recupero dall'oggetto data

Esistono vari metodi che ci consentono di recuperare un determinato attributo dell'oggetto della data. A volte vuoi restituire un valore specifico dell'oggetto data-tempo, come il mese o solo l'anno. Per soddisfare questo scopo ci sono vari .Ottenere() metodi. Questi metodi sono:

data.prendi tempo(); \\ millisecondi da epoca
data.getminutes (); \\ minuti dell'ora
data.getyear (); \\ solo l'anno
data.getSeconds (); \\ secondi del minuto
data.getday (); \\ solo il giorno
data.getfullylyar () \\ anno in 4 cifre

Ce ne sono molti altri Ottenere Metodi disponibili come:

Creiamo un oggetto Data utilizzando la data e l'ora correnti e poi prendiamo i minuti e solo l'anno. Utilizzando le seguenti righe di codice:

var dateValue = new Date ();
console.registro ("I minuti nell'ora sono:" + DateValue.getminutes ());
console.Log ("L'anno in quattro cifre è:" +DateValue.getfullylyar ());

L'output è:

Questo è ora che sappiamo come manipolare la data e l'ora usando JavaScript.

Conclusione

Possiamo lavorare con la data e l'ora in JavaScript utilizzando uno degli oggetti integrati chiamati Data oggetto. A differenza degli altri oggetti predefiniti di JavaScript, dobbiamo prima creare un oggetto con la "nuova" parola chiave per utilizzare le funzionalità di questa data oggetto. Abbiamo imparato come manipolare la data e l'ora con l'oggetto data usando i suoi vari costruttori insieme ai loro esempi e abbiamo appreso come recuperare i dati da questo oggetto.