Questo post illustra lo scopo, l'uso e l'implementazione pratica dell'oggetto Date in TypeScript.
Che cos'è un oggetto data in TypeScript?
IL ' Data ” oggetto denota la data e l'ora. Questo oggetto stampa la data e l'ora del sistema locale per impostazione predefinita. Consente inoltre agli utenti di impostare una data e un'ora specifiche (compreso il fuso orario) del sistema con l'aiuto dei suoi metodi predefiniti.
Sintassi
lascia data = nuovo Data ( aaaa, mm, gg )
Nella sintassi precedente, la parola chiave 'new' crea un oggetto 'Date' seguendo il formato data specificato (aaaa(anno), mm(mese), gg(data)).
Iniziamo con la creazione dell'Oggetto “Data”.
Come creare un oggetto data in TypeScript?
IL ' Data ” è un oggetto dinamico che può essere implementato in diversi modi per ottenere la data e l'ora secondo i requisiti. Questa sezione contiene tutti i metodi possibili per creare un oggetto 'Date' per ottenere la data e l'ora specificate.
Andiamo avanti con il primo metodo.
Metodo 1: nuova data()
Per impostazione predefinita, se non viene passato alcun valore nel costruttore 'Date ()', restituisce la data e l'ora di sistema dell'utente:
lascia data = nuovo Data ( ) ;consolare. tronco d'albero ( 'Data =' + data ) ;
Nel codice sopra:
- IL ' data ” variabile crea un “ Data ” utilizzando la parola chiave “new” e il costruttore “Date()”.
- IL ' console.log() Il metodo ' visualizza il valore della variabile 'data', ovvero la data e l'ora correnti con l'istruzione specificata.
Produzione
Compila il “ .ts ” utilizzando il compilatore “tsc” ed eseguire il file compilato generato con il “ .js ” estensione con l'aiuto del comando “node”:
tsc principale. tsnodo principale. js
Qui, il terminale mostra la data e l'ora del sistema dell'utente, nonché il fuso orario.
Metodo 2: nuova data (millisecondi)
Il 'nuovo Date(milliseconds)' crea un oggetto Date che calcola la data e l'ora da '0' al numero di millisecondi specificato:
lascia data = nuovo Data ( 6112346789 ) ;consolare. tronco d'albero ( 'Data =' + data ) ;
Qui, il costruttore specifica il numero di millisecondi come parametro.
Produzione
nodo principale. js 
La data e l'ora sopra visualizzate vanno da '0' a '6112346789' millisecondi.
Metodo 3: new Date(“datestring”)
Questo metodo accetta la data specificata nel formato 'aa-mm-gg' come una stringa e la visualizza come nuova data:
lascia data = nuovo Data ( '2016-02-18' ) ;consolare. tronco d'albero ( 'Data =' + data ) ;
Qui, l'oggetto 'Date' accetta la data specificata come una stringa racchiusa tra virgolette.
Produzione
nodo principale. js 
Il terminale mostra l'oggetto Date appena creato.
Metodo 4: nuova data (anno, mese, data, ora, minuto, secondo, millisecondo):
L'ultimo metodo consente agli utenti di creare un nuovo oggetto Date in base alla data e all'ora specificate in base al formato '(aa, mm, gg, hh, min, sec, millisecondi)':
lascia data = nuovo Data ( 2015 , 3 , 2 , 14 , venti , 30 , 9 ) ;consolare. tronco d'albero ( 'Data =' + data ) ;
Nel codice di cui sopra, la data e l'ora sono specificate in conformità con il formato indicato.
Produzione
nodo principale. js 
L'output crea un nuovo oggetto che visualizza la data e l'ora specificate in base al formato specificato.
Quali sono i metodi e le proprietà dell'oggetto data in TypeScript?
IL ' Data L'oggetto viene fornito con un'ampia gamma di metodi e proprietà elencati di seguito:
Proprietà dell'oggetto Data
| prototipo | Aiuta nell'aggiunta di proprietà e metodi all'oggetto Date. |
| costruttore | Viene utilizzato come funzione che crea il prototipo dell'oggetto. |
Metodi Get e Set dell'oggetto Date
| getMonth() | Restituisce il mese specificato nella data in base alla data locale. |
| getFullYear() | Visualizza l'anno specificato in base all'ora locale. |
| ottieniMinuti() | Specifica i minuti dalla data particolare. |
| getMilliseconds() | Fornisce i millisecondi dalla data specificata. |
| getSecondi() | Fornisce il numero di secondi in base alla data specificata. |
| impostare la data() | Imposta il giorno/data del mese per la data specifica in base all'ora locale. |
| impostaOre() | Specifica le ore desiderate per la data. |
| impostaMinuti() | Imposta i minuti per la data specificata. |
| impostaSecondi() | Imposta il numero di secondi in base all'ora locale. |
| setAnno() | Imposta l'anno richiesto in base all'ora locale. |
Per ulteriori metodi, segui il tutorial fornito ' Riferimento ai metodi di data ”.
Come utilizzare l'oggetto data in TypeScript?
Come la sezione precedente definisce un elenco di metodi dell'oggetto 'Date'. Usiamo l'oggetto Date con questi metodi per spiegare la sua implementazione pratica.
Esempio 1: impostare data, mese e anno specifici
Questo esempio utilizza i metodi 'setdate()', 'setMonth()' e 'setFullYear()' dell'oggetto 'Date' per impostare la data specificata.
Codice
Copia queste righe di codice nel file '.ts':
lascia data : Data = nuovo Data ( ) ;data. impostare la data ( 5 ) ;
data. setMese ( undici ) ;
data. setFullYear ( 2014 ) ;
consolare. tronco d'albero ( 'Anno =' + data. getFullYear ( ) ) ;
consolare. tronco d'albero ( 'Data =' + data. getDate ( ) ) ;
consolare. tronco d'albero ( 'Mese =' + data. getMonth ( ) )
consolare. tronco d'albero ( 'Nuova data=' + data ) ;
Nelle righe di codice precedenti:
- Innanzitutto, crea un ' Data ” con l'aiuto della parola chiave “new” e del costruttore “Date()” memorizzato nella variabile “date”.
- Successivamente, associa la variabile 'data' ai metodi specificati uno per uno. IL ' impostare la data() ” imposta la Data del mese, il “ setMese() ” imposta il mese e il “ impostaAnnoCompleto() Il metodo imposta l'anno.
- Successivamente, visualizza la nuova data con l'aiuto del metodo 'console.log ()' utilizzando il ' getFullYear() ”, “ getDate() ', E ' getMonth() metodi.
Produzione
nodo principale. js 
Nell'output si vede che l'oggetto Date restituisce la data, il mese e l'anno appena impostati.
Esempio 2: impostare ore, minuti e secondi specifici
Questo esempio utilizza i metodi 'setHours()', 'setMinutes()' e 'setSeconds()' dell'oggetto Date per impostare l'ora desiderata:
lascia data : Data = nuovo Data ( ) ;data. setOre ( 8 ) ;
data. setMinuti ( 12 ) ;
data. setSecondi ( venti ) ;
consolare. tronco d'albero ( 'Ore =' + data. getHours ( ) ) ;
consolare. tronco d'albero ( 'Minuti =' + data. getMinutes ( ) ) ;
consolare. tronco d'albero ( 'Secondi =' + data. getSecondi ( ) ) ;
consolare. tronco d'albero ( 'Data e ora =' + data ) ;
Secondo il frammento di codice sopra:
- IL ' impostaOre() ” metodo imposta il numero di ore, “ impostaMinuti() ” imposta i minuti e il “ impostaSecondi() ” imposta rispettivamente il numero di secondi.
- IL ' getHours() ”, “ ottieniMinuti() ', E ' getSecondi() I metodi restituiscono le ore, i minuti e i secondi appena impostati come tempo.
Produzione
nodo principale. js 
L'output mostra la nuova ora impostata utilizzando i metodi dell'oggetto Date.
Esempio 3: ottenere la data e l'ora correnti utilizzando le convenzioni locali
Questo esempio utilizza il metodo 'toLocaleString()' per visualizzare la data e l'ora correnti come convenzione locale:
lascia data = nuovo Data ( ) ;consolare. tronco d'albero ( 'Data e ora =' + data. toLocaleString ( ) ) ;
Nelle righe di codice precedenti, collegare il metodo 'toLocaleString()' con la variabile per restituire una stringa con una rappresentazione sensibile al linguaggio della data corrente.
Produzione
nodo principale. js 
Come visto, l'output mostra la data e l'ora correnti utilizzando la convenzione locale.
Esempio 4: Data di restituzione Oggetto Valore primitivo
Questo esempio applica il ' valore di() ” per restituire l'oggetto Date come valore primitivo:
lascia data = nuovo Data ( ) ;consolare. tronco d'albero ( 'Data e ora =' + data. valore di ( ) ) ;
Nel frammento di codice sopra, il ' valore di() ” restituisce l'output dell'oggetto Date in millisecondi dalla mezzanotte “1 gennaio 1970, UTC”.
Produzione
nodo principale. js 
In questo caso, i risultati restituiscono l'oggetto Date come valore primitivo.
Conclusione
In TypeScript, il ' Data L'oggetto ” corrisponde alla data e all'ora del sistema locale. Questo oggetto può essere creato per visualizzare l'output desiderato con l'aiuto dei quattro metodi integrati discussi. Oltre a ciò, fornisce anche un elenco di metodi che possono essere applicati per impostare e ottenere la data e l'ora secondo i requisiti. Questo post ha illustrato in modo approfondito lo scopo, l'uso e l'implementazione pratica dell'oggetto Date in TypeScript.