Bevezetés a JavaScript dátumformátumokba

A dátum egy beépített objektum a JavaScriptben, tárolja a dátumot és az időt, és idő tárolására, létrehozására és módosítására, az idő mérésére vagy az aktuális dátum megjelenítésére, az 'idő' összetevővel vagy anélkül, különféle formátumokban, igény szerint. Különféle funkciókat vagy módszereket is biztosít.

A JavaScript dátumpéldány egy adott pillanatot ábrázol platformfüggetlen formátumban. A Dátum objektum mind a dátum, mind az idő részét hordozza. Az ISO 8601 (ÉÉÉÉ-HH-NN) a dátum és idő, valamint az előnyben részesített dátumformátum megjelenítésének nemzetközi szabványa JavaScript-en. Ezenkívül a Dátum objektumok tartalmaznak egy számot, amely a dátumot és az időt milliszekundumban jelzi 1970. január 1. UTC óta, a Dátum objektumhoz megadott értéktől függően.

Szintaxis

Egy új Dátum-objektum meghatározásához új Dátumot () kell hívnunk, a következő lehetőségek egyikével:

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

Az új operátort kell használni a Date-objektum elkészítéséhez. Ha közvetlenül a Dátum objektumot használjuk, például most = Dátum (), akkor a visszatért érték egy string, nem pedig Dátum objektum.

Ha nincs argumentum, a Dátum objektum megjeleníti az aktuális dátumot és időt. Alapértelmezés szerint a JavaScript objektum a Dátum objektumot jeleníti meg a helyi idő szerint.

Példák a JavaScript dátumformátumokra

Nézzük meg néhány példa segítségével az alábbiakban:

1. példa

Jelenítse meg az aktuális dátumot és időt

Kód



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;

Kimenet:

Dátum formátumok

A különböző formákban formázhatjuk a dátumot a JavaScript-ben:

  • ISO dátum (nemzetközi szabvány) - “2019-11-06”
  • Hosszú dátum - „2019. november 12.” vagy „2019. november 12.”
  • Rövid dátum - “12/11/2019”

2. példa

Dátumok megjelenítése különféle formátumokban

Kód



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

Kimenet:

A fenti kódból látható, hogy a dátum hónap része nullától kezdődik, azaz január a nullpont. Ugyanez vonatkozik a nappali részre is (getDay ()), a vasárnap nulláról indul.

Amikor a Dátum objektumban megadjuk a dátumot karakterlánc formátumban, akkor általában „12-11-2019” -re (2019. november 12.) írunk, de JavaScript-ben a dátum megadása ebben a formátumban rossz dátumértéket eredményez.

Példa # 3

Megjelenik a rossz dátum

Kód



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;

Kimenet:

Most a dátum-időt milliszekundumban jelenítjük meg a Date.parse () függvény használatával. Ez a funkció megkapja a pontos milliszekundumot, amely eltelt 1970. január 1-jétől éjfél óta a megadott dátumig.

4. példa

Dátum milliszekundumban

Kód



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

Kimenet:

A JavaScript Date objektum szempontjából jó az, hogy ha olyan értéket adunk meg, amely nem esik elfogadható tartományba, akkor a JavaScript automatikusan újraszámolja a dátumot, hogy elfogadható dátumértéket állítson elő. Vegyünk egy példát:

5. példa

Dátumérték automatikus javítása

Kód



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

Kimenet:

A fenti példa újraszámolja a megadott értéket, és megjeleníti a helyes, elfogadható dátumértéket. Továbbá, ha észrevegyük az adatérték biztosításának kódrészletét, úgy tűnik, hogy felbonthatjuk a dátum és az idő értékét, és egy vesszővel elválasztott egyedi számként mutathatjuk be. A „9” érték október hónapját jelöli, amint azt a cikk korábbi szakaszában tárgyaltuk, hogy a dátum hónap része 0-tól kezdődik (január = 0, február = 1 és így tovább ..)

Következtetés

Ebben a cikkben megismertük a JavaScript dátum objektumát és megértettük azokat a különféle dátum-idő formátumokat, amelyek a JavaScript-ben megjeleníthetők a dátum-idő beépített módszerekkel. Az egyik legjobb gyakorlat az, hogy dátumokat hoz létre az argumentum módszerrel, és kerülje a dátum karakterlánc módszerét.

Ajánlott cikkek

Ez egy útmutató a JavaScript dátumformátumokhoz. Itt tárgyaljuk a JavaScript bevezetését a megfelelő példákkal együtt. A további javasolt cikkeken keresztül további információkat is megtudhat -

  1. Webes alkalmazások biztonsága
  2. Mi a WebSocket?
  3. Mi az ASP.Net webszolgáltatások?
  4. Mi a szelén webes illesztőprogram?

Kategória:

Szoftverfejlesztés