Sissejuhatus JavaScripti kuupäevavormingutesse

Kuupäev on JavaScripti sisseehitatud objekt ja see salvestab kuupäeva ja kellaaega ning seda kasutatakse kellaaja salvestamiseks, loomiseks ja muutmiseks, aja mõõtmiseks või praeguse kuupäeva kuvamiseks koos 'aja' komponendiga või ilma, erinevates vormingutes. Samuti pakub see erinevaid funktsioone või meetodeid, millega mängida.

JavaScripti kuupäeva eksemplar tähistab ajahetke platvormist sõltumatus vormingus. Objekt Kuupäev kannab nii kuupäeva kui ka aja osa. ISO 8601 (AAAA-KK-PP) on rahvusvaheline kuupäev ja kellaaeg ning eelistatud kuupäevavorming JavaScriptis. Samuti sisaldavad kuupäevaobjektid arvu, mis tähistab kuupäeva ja kellaaega millisekundites alates 1. jaanuari 1970 UTC-st, olenevalt objektile Kuupäev antud väärtusest.

Süntaks

Uue kuupäevaobjekti määratlemiseks peame helistama uuele kuupäevale (), millel on üks järgmistest võimalustest:

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

Kuupäevaobjekti kiirendamiseks peame kasutama uut operaatorit. Kui kasutame kuupäevaobjekti otse, näiteks nüüd = kuupäev (), on tagastatud väärtus pigem string kui kuupäevobjekt.

Kui argumente ei esitata, kuvab objekt Kuupäev praeguse kuupäeva ja kellaaja. Vaikimisi kuvab JavaScripti objekt kuupäeva kuupäeva / kellaaega kohaliku aja järgi.

JavaScripti kuupäevavormingute näited

Vaatame allpool mõne näite abil:

Näide nr 1

Kuva praegune kuupäev ja kellaaeg

Kood



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;

Väljund:

Kuupäeva vormingud

Kuupäeva vormindamine JavaScriptis on järgmine:

  • ISO kuupäev (rahvusvaheline standard) - “2019-11-06”
  • Pikk kuupäev - “12. november 2019” või “12. november 2019”
  • Lühike kuupäev - “12/11/2019”

Näide 2

Kuupäevade kuvamine erinevates vormingutes

Kood



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

Väljund:

Ülaltoodud koodi põhjal näeme, et kuupäeva kuuosa algab nullist, st jaanuar on nullkuud. Sama kehtib ka päevaosa kohta (getDay ()), pühapäev algab nullist.

Kui täpsustame kuupäevaobjektis kuupäeva kuupäeva stringi vormingus, kirjutatakse meil tavaliselt kui "12-11-2019" (12. november 2019), kuid JavaScriptis kuupäeva täpsustamisel selles vormingus saadakse meile vale kuupäeva väärtus.

Näide 3

Kuvati vale kuupäev

Kood



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;

Väljund:

Nüüd kuvame kuupäeva ja kellaaja millisekundites, kasutades funktsiooni Date.parse (). See funktsioon saab täpse arvu millisekundites, mis on möödunud keskööst, 1. jaanuarist 1970, kuni määratud kuupäevani.

Näide 4

Kuupäev millisekundites

Kood



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

Väljund:

JavaScripti kuupäeva objekti puhul on hea see, et kui pakume väärtust, mis ei lange vastuvõetavasse vahemikku, arvutab JavaScript kuupäeva automaatselt ümber, et saada vastuvõetav kuupäevaväärtus. Vaatleme näidet:

Näide 5

Kuupäeva väärtuse automaatne korrigeerimine

Kood



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

Väljund:

Ülaltoodud koodinäide arvutab esitatud väärtuse ümber ja kuvab õige, vastuvõetava kuupäeva väärtuse. Samuti, kui me märkame andmeosa pakkumise koodilõiku, näib, et võime kuupäeva ja kellaaja väärtuse osa lahti jagada ja esitada komaga eraldatud üksikute numbritena. Väärtus 9 tähistab oktoobri kuud, nagu on käsitletud selle artikli eelmises osas, et kuupäeva kuuosa algab 0-st (jaanuar = 0, veebruar = 1 jne).

Järeldus

Selles artiklis õppisime JavaScripti kuupäevaobjekti ja saime aru erinevatest kuupäeva-aja vormingutest, mida saab JavaScriptis kuvada, kasutades kuupäeva-kellaaja sisseehitatud meetodeid. Üks parimatest tavadest on kuupäevade loomine argumendimeetodi abil ja kuupäevatringi meetodi kasutamise vältimine.

Soovitatavad artiklid

See on JavaScripti kuupäevavormingute juhend. Siin käsitleme JavaScripti sissejuhatust koos sobivate näidetega. Lisateavet leiate ka meie muudest soovitatud artiklitest -

  1. Veebirakenduste turvalisus
  2. Mis on WebSocket?
  3. Mis on ASP.Net veebiteenused?
  4. Mis on seleeni veebidraiver?

Kategooria:

Tarkvaraarendus