Introducere în formatele de date JavaScript

Data este un obiect încorporat în JavaScript și stochează data și ora și este utilizat pentru a stoca, crea și modifica ora, măsura ora sau afișează data curentă cu sau fără componenta „timp” în diferite formate, după cum doriți. De asemenea, oferă diverse funcții sau metode cu care să vă jucați.

Instanța JavaScript Date reprezintă un moment în timp într-un format independent de platformă. Obiectul Date poartă ambele părți, data și partea de timp. ISO 8601 (AAAA-MM-D) este standardul internațional pentru prezentarea datei și orei și formatul preferat al datei în JavaScript. De asemenea, obiectele Date conțin un număr care reprezintă data și ora în milisecunde de la 1 ianuarie 1970 UTC, în funcție de valoarea dată obiectului Date.

Sintaxă

Pentru a defini un nou obiect Date, trebuie să apelăm la o dată nouă () cu una dintre următoarele opțiuni:

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

Trebuie să utilizăm noul operator pentru a instantana un obiect Date. Dacă folosim direct obiectul Date, cum ar fi acum = Date (), valoarea returnată este mai degrabă un șir decât un obiect Date.

Când nu sunt furnizate argumente, obiectul Date afișează data și ora curente. În mod implicit, obiectul Date din JavaScript afișează data / ora la ora locală.

Exemple de formate de date JavaScript

Să vedem cu ajutorul unor exemple de mai jos:

Exemplul # 1

Afișează data și ora curentă

Cod



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;

ieşire:

Formate de date

Diferitele moduri prin care putem formata data în JavaScript sunt:

  • Data ISO (standard internațional) - „2019-11-06”
  • Long Date - „12 noiembrie 2019” sau „12 nov 2019”
  • Data scurtă - „12/11/2019”

Exemplul # 2

Afișare date în diverse formate

Cod



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())

ieşire:

Din codul de mai sus, putem vedea că partea lunii a datei începe de la zero, adică ianuarie este luna zero. Același lucru este valabil și pentru ziua de zi (getDay ()), duminica începe de la zero.

Atunci când specificăm data în format șir în obiectul Data, avem tendința de a scrie ca „12-11-2019” (12 noiembrie 2019), dar în JavaScript specificând data în acest format ne devine o valoare greșită a datei.

Exemplu # 3

Data greșită afișată

Cod



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;

ieşire:

Acum, vom afișa data-ora în milisecunde folosind funcția Date.parse (). Această funcție primește numărul exact de milisecunde care au trecut de la miezul nopții, 1 ianuarie 1970, până la data furnizată.

Exemplul # 4

Data în milisecunde

Cod



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

ieşire:

Lucrul bun despre obiectul Data JavaScript este că, dacă oferim o valoare care nu se încadrează într-un interval acceptabil, atunci JavaScript recalculează automat data pentru a produce o valoare acceptabilă a datei. Să luăm în considerare un exemplu:

Exemplul # 5

Corecția automată a valorii datei

Cod



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

ieşire:

Exemplul de cod de mai sus recalculează valoarea furnizată și afișează o valoare corectă, acceptabilă pentru data. De asemenea, dacă observăm secțiunea de cod a modului în care este furnizată valoarea datelor, se pare că putem rupe o parte a datei și a orei și să o prezentăm ca numere individuale separate printr-o virgulă. Valoarea „9” reprezintă luna octombrie, așa cum s-a discutat în secțiunea anterioară a acestui articol, că partea din luna începe de la 0 (ianuarie = 0, februarie = 1, etc.)

Concluzie

În acest articol, am aflat obiectul de dată JavaScript și am înțeles diverse formate de dată care pot fi afișate în JavaScript folosind metode încorporate pentru data. Una dintre cele mai bune practici este crearea de date cu metoda argumentelor și evitarea utilizării metodei șirului de date.

Articole recomandate

Acesta este un ghid privind formatele de date JavaScript. Aici discutăm Introducere în JavaScript împreună cu exemple adecvate. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

  1. Securitatea aplicațiilor web
  2. Ce este WebSocket?
  3. Ce este ASP.Net Web Services?
  4. Ce este Selenium Web Driver?

Categorie:

Dezvoltare de software