Introduzione ai formati di data JavaScript

Una data è un oggetto incorporato in JavaScript e memorizza la data e l'ora e viene utilizzata per memorizzare, creare e modificare l'ora, misurare l'ora o visualizzare la data corrente con o senza il componente 'time' in vari formati, se lo desideri. Fornisce inoltre varie funzioni o metodi con cui giocare.

L'istanza di JavaScript Date rappresenta un momento nel tempo in un formato indipendente dalla piattaforma. L'oggetto Date contiene sia la parte della data che la parte dell'ora. ISO 8601 (AAAA-MM-GG) è lo standard internazionale per la presentazione di data e ora e il formato della data preferito in JavaScript. Inoltre, gli oggetti Date contengono un numero che rappresenta la data e l'ora in millisecondi dal 1 ° gennaio 1970 UTC, a seconda del valore assegnato all'oggetto Date.

Sintassi

Per definire un nuovo oggetto Date, dobbiamo chiamare una nuova Date () con una delle seguenti opzioni:

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

Dobbiamo usare il nuovo operatore per creare un'istanza di un oggetto Date. Se utilizziamo direttamente l'oggetto Date, come now = Date (), il valore restituito è una stringa anziché un oggetto Date.

Quando non vengono forniti argomenti, l'oggetto Date visualizza la data e l'ora correnti. Per impostazione predefinita, l'oggetto Date in JavaScript visualizza la data / ora nell'ora locale.

Esempi di formati data JavaScript

Vediamo con l'aiuto di alcuni esempi di seguito:

Esempio 1

Visualizza data e ora correnti

Codice



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;

Produzione:

Formati di data

I vari modi in cui possiamo formattare la data in JavaScript sono:

  • Data ISO (standard internazionale) - “2019-11-06”
  • Long Date - "12 nov 2019" o "12 nov 2019"
  • Data breve - “12/11/2019”

Esempio n. 2

Visualizza le date in vari formati

Codice



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())

Produzione:

Dal codice sopra, possiamo vedere che la parte del mese della data inizia da zero, cioè gennaio è il mese di zeroth. Lo stesso vale anche per il daypart (getDay ()), la domenica inizia da zero.

Quando specifichiamo la data in formato stringa nell'oggetto Date, tendiamo a scrivere come "12-11-2019" (12 novembre 2019), ma in JavaScript la specifica della data in questo formato ci dà un valore di data errato.

Esempio # 3

La data errata visualizzata

Codice



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;

Produzione:

Ora visualizzeremo la data e l'ora in millisecondi usando la funzione Date.parse (). Questa funzione ottiene il numero esatto di millisecondi trascorsi dalla mezzanotte, 1 gennaio 1970, fino alla data che è stata fornita.

Esempio n. 4

Data in millisecondi

Codice



var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)

Produzione:

La cosa buona dell'oggetto JavaScript Date è che, se forniamo un valore che non rientra in un intervallo accettabile, JavaScript ricalcola automaticamente la data per produrre un valore di data accettabile. Consideriamo un esempio:

Esempio n. 5

Correzione automatica del valore della data

Codice



var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)

Produzione:

L'esempio di codice sopra riportato ricalcola il valore fornito e visualizza un valore di data corretto e accettabile. Inoltre, se notiamo la sezione di codice su come viene fornito il valore dei dati, sembra che possiamo dividere la parte del valore di data e ora e presentarla come singoli numeri separati da una virgola. Il valore "9" rappresenta il mese di ottobre, come discusso nella sezione precedente di questo articolo, che la parte del mese della data inizia da 0 (gennaio = 0, febbraio = 1 e così via ..)

Conclusione

In questo articolo, abbiamo appreso l'oggetto data JavaScript e compreso vari formati di data e ora che possono essere visualizzati in JavaScript usando i metodi integrati di data e ora. Una delle migliori pratiche è quella di creare date con il metodo argomenti ed evitare di utilizzare il metodo stringa di date.

Articoli consigliati

Questa è una guida sui formati di data JavaScript. Qui discutiamo l'introduzione a JavaScript insieme ad esempi appropriati. Puoi anche consultare i nostri altri articoli suggeriti per saperne di più–

  1. Sicurezza delle applicazioni Web
  2. Che cos'è WebSocket?
  3. Cosa sono i servizi Web ASP.Net?
  4. Che cos'è Selenium Web Driver?

Categoria:

Sviluppo software