Johdanto JavaScript-päivämäärämuotoihin

Päivämäärä on JavaScriptin sisäinen esine, ja se tallentaa päivämäärän ja kellonajan, ja sitä käytetään tallentamaan, luomaan ja muokkaamaan aikaa, mittaamaan aikaa tai näyttämään nykyinen päivämäärä 'aika' -komponentin kanssa tai ilman sitä eri muodoissa haluttaessa. Se tarjoaa myös erilaisia ​​toimintoja tai menetelmiä pelaamiseksi.

JavaScript-päivämääräilmentämä edustaa ajankohtaa alustasta riippumattomassa muodossa. Päivämäärä-esineessä on sekä päivämääräosa että aikaosa. ISO 8601 (VVVV-KK-PP) on kansainvälinen standardi päivämäärän ja ajan esittämiselle sekä suositelulle päivämäärämuodolle JavaScript-muodossa. Päivämääräobjektit sisältävät myös numeron, joka edustaa päivämäärää ja aikaa millisekuntina 1. tammikuuta 1970 UTC alkaen päivämääräobjektille annetusta arvosta.

Syntaksi

Uuden päivämääräobjektin määrittelemiseksi meidän on kutsuttava uusi päivämäärä () jollakin seuraavista vaihtoehdoista:

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

Meidän on käytettävä uutta operaattoria Date-objektin välittämiseen. Jos käytämme päiväysobjektia suoraan, kuten nyt = päivämäärä (), palautettu arvo on merkkijono eikä päivämääräobjekti.

Jos argumentteja ei toimiteta, Päivämäärä-objekti näyttää nykyisen päivämäärän ja ajan. Oletusarvon mukaan JavaScript-päivämääräobjekti näyttää päivämäärän / ajan paikallisen ajan mukaan.

Esimerkkejä JavaScript-päivämäärämuodoista

Katsotaanpa joitain alla olevia esimerkkejä:

Esimerkki # 1

Näytä nykyinen päivämäärä ja aika

Koodi



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;

lähtö:

Päiväyksen muodot

Eri tapoja muotoilla päivämäärä JavaScriptillä ovat:

  • ISO-päivämäärä (kansainvälinen standardi) - “2019-11-06”
  • Pitkä päivämäärä - “12. marraskuuta 2019” tai “12. marraskuuta 2019”
  • Lyhyt päivämäärä - “12/11/2019”

Esimerkki 2

Näytä päivämäärät eri muodoissa

Koodi



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

lähtö:

Yllä olevasta koodista näemme, että päivämäärän kuukausiosa alkaa nollasta, ts. Tammikuu on nollakuukausi. Sama pätee myös päiväosaan (getDay ()), sunnuntai alkaa nollasta.

Kun määrittelemme päivämäärän merkkijonomuodossa Päivämäärä-esineessä, meillä on tapana kirjoittaa nimellä "12-11-2019" (12. marraskuuta 2019), mutta JavaScriptillä päivämäärän määrittäminen tässä muodossa saa meille väärän päivämääräarvon.

Esimerkki # 3

Väärä päivämäärä näkyy

Koodi



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;

lähtö:

Nyt näytämme päivämäärä-ajan millisekuntina käyttämällä Date.parse () -toimintoa. Tämä toiminto saa tarkan määrän millisekuntia, jotka ovat kuluneet keskiyöstä 1. tammikuuta 1970 1970 annettuun päivään asti.

Esimerkki 4

Päivämäärä millisekunteina

Koodi



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

lähtö:

Hyvä JavaScript Date -objektin kannalta on, että jos tarjoamme arvon, joka ei kuulu hyväksyttävälle alueelle, JavaScript laskee päivämäärän uudelleen automaattisesti tuottaakseen hyväksyttävän päivämääräarvon. Tarkastellaan esimerkkiä:

Esimerkki 5

Päivämäärän arvon automaattinen korjaus

Koodi



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

lähtö:

Yllä oleva koodiesimerkki laskee toimitetun arvon uudelleen ja näyttää oikean, hyväksyttävän päivämääräarvon. Lisäksi, jos huomaamme koodiosan, jolla data-arvo annetaan, näyttää siltä, ​​että voimme hajottaa päivämäärä- ja aika-arvon osan ja esittää sen yksittäisinä numeroina, erotettuna pilkulla. Arvo “9” edustaa lokakuun kuukautta, kuten tämän artikkelin edellisessä osassa on käsitelty, jolloin päivämäärän kuukausiosa alkaa nollasta (tammikuu = 0, helmikuu = 1 ja niin edelleen.)

johtopäätös

Tässä artikkelissa opimme JavaScript-päivämääräobjektin ja ymmärrimme erilaisia ​​päivämäärä- ja aikamuotoja, jotka voidaan näyttää JavaScriptissä käyttämällä päivämääräajan sisäänrakennettuja menetelmiä. Yksi parhaista käytännöistä on luoda päivämääriä argumenttimenetelmällä ja välttää päivämäärämerkkimenetelmän käyttöä.

Suositellut artikkelit

Tämä on opas JavaScript-päivämäärämuodoissa. Tässä keskustellaan JavaScriptin johdannosta ja sopivista esimerkeistä. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -

  1. Verkkosovellusten suojaus
  2. Mikä on WebSocket?
  3. Mikä on ASP.Net Web Services?
  4. Mikä on Selenium Web Driver?

Luokka:

Ohjelmistokehitys