Sissejuhatus JavaScriptis kuupäevade ja kellaaegadesse

Kuupäevadega töötamine on programmeerimise oluline aspekt. Sisseehitatud kuupäevaobjekti kasutatakse JavaScriptis kuupäevade ja kellaaegadega töötamiseks. Kuupäevaobjekti erinevad meetodid muudavad ülesande kuupäevade ja kellaaegadega töötamisel palju lihtsamaks.

Sellest artiklist saate teada kõike, mida peate teadma JavaScriptis kuupäevadega töötamise kohta. Nii et ilma pikema jututa hüppame sisse.

Kuupäevaobjektide loomine

Kuupäevaobjekti saate luua JavaScriptis neljal järgmisel viisil.

1. uus kuupäev()

The uus kuupäev() konstruktor loob kuupäevaobjekti praeguse kuupäeva ja kellaajaga.

olgu d = new Kuupäev();
console.log (d);

Väljund:

Esmaspäev 3. jaanuar 2022 20:27:58 GMT+0530 (India standardaeg)

2. uus kuupäev (kohtingusring)

The uus kuupäev (kohtingusring) konstruktor loob kuupäevastringist kuupäevaobjekti.

olgu d = new Date("2022-01-01");
console.log (d);

Väljund:

Laupäev 1. jaanuar 2022 05:30:00 GMT+0530 (India standardaeg)

3. uus kuupäev (millisekundites)

The uus kuupäev (millisekundites) konstruktor loob kuupäevaobjekti, lisades millisekundid nullajale. Parameeter tähistab aega millisekundites alates 1. jaanuarist 1970 UTC.

olgu d1 = uus Kuupäev (0);
console.log (d1);
olgu d2 = uus kuupäev (973436457364);
console.log (d2);

Väljund:

Neljapäev 01. jaanuar 1970 05:30:00 GMT+0530 (India standardaeg)
Pühapäev, 05. november 2000 20:30:57 GMT+0530 (India standardaeg)

4. uus kuupäev (aasta, kuu, päev, tunnid, minutid, sekundid, millisekundid)

The uus kuupäev (aasta, kuu, päev, tunnid, minutid, sekundid, millisekundid) konstruktor loob määratud kuupäeva ja kellaajaga kuupäevaobjekti. Seitse parameetrit määravad vastavalt aasta, kuu, päeva, tunni, minuti, sekundi ja millisekundite.

olgu d = uus kuupäev (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Väljund:

Kolmapäev, 11. november 2020, 15:29:46 GMT+0530 (India standardaeg)

Saate luua ka kuue, nelja, kolme või kahe parameetriga kuupäevaobjekti.

a) Kuus parameetrit määravad aasta, kuu, päeva, tunni, minuti ja sekundi.

b) Viis parameetrit määravad aasta, kuu, päeva, tunni ja minuti.

c) Neli parameetrit määravad aasta, kuu, päeva ja tunni.

d) Kolm parameetrit määravad aasta, kuu ja päeva.

e) Kaks parameetrit määravad aasta ja kuu.

Märge:

• JavaScript loeb kuud 0-st 11-ni, st jaanuari tähistab 0 ja detsembrit 11.
• Kui määrate objektis Date väärtused väljaspool vahemikku, ei anna see selle asemel viga, vaid parandab ennast automaatselt.

// Märtsis pole 40 päeva, ületäitumine parandatakse automaatselt
olgu d = uus kuupäev (2020, 2, 40);
console.log (d);

Väljund:

Neljap, 09. aprill 2020 00:00:00 GMT+0530 (India standardaeg)

JavaScripti kuupäeva hankimise meetodid

Kuupäevaobjektilt teabe hankimiseks saate kasutada järgmisi meetodeid.

1. getFullYear()

See meetod tagastab aasta neljakohalise numbrina (yyyy) kohaliku aja järgi.

olgu d = new Kuupäev();
console.log (d.getFullYear());

Väljund:

2022

2. get Month()

See meetod tagastab kuu kohaliku aja järgi numbrina (0–11).

olgu d = new Kuupäev();
console.log (d.getMonth());

Väljund:

0

3. getDate()

See meetod tagastab päeva kohaliku aja järgi numbrina (1–31).

olgu d = new Kuupäev();
console.log (d.getDate());

Väljund:

3

Seotud: JavaScripti andmetüüpide sissejuhatus

4. getHours()

See meetod tagastab tunni (0–23) kohaliku aja järgi.

olgu d = new Kuupäev();
console.log (d.getHours());

Väljund:

22

5. getMinutes()

See meetod tagastab minuti (0–59) kohaliku aja järgi.

olgu d = new Kuupäev();
console.log (d.getMinutes());

Väljund:

40

6. getSeconds()

See meetod tagastab kohaliku aja järgi teise (0–59).

olgu d = new Kuupäev();
console.log (d.getSeconds());

Väljund:

30

7. get Milliseconds()

See meetod tagastab millisekundi (0–999) kohaliku aja järgi.

olgu d = new Kuupäev();
console.log (d.getMilliseconds());

Väljund:

55

Seotud: JavaScript One-Liners, mida peaksite teadma

8. getTime()

See meetod tagastab aja millisekundites alates 1. jaanuarist 1970.

olgu d = new Kuupäev();
console.log (d.getTime());

Väljund:

1641230088884

9. getDay()

See meetod tagastab nädalapäeva kohaliku aja järgi numbrina (0–6).

olgu d = new Kuupäev();
console.log (d.getDay());

Väljund:

1

Märge: kui soovite töötada UTC-kuupäevadega, saate kasutada järgmisi kuupäevameetodeid. getUTCDate()​​​​​​​, getUTCDday(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMutes(), getUTCMonth(), ja getUTCSeconds().

JavaScripti kuupäeva määramise meetodid

Kuupäevaobjekti osa määramiseks saate kasutada järgmisi meetodeid.

1. setDate()

See meetod seab päeva numbrina (1–31) konkreetse kuupäeva jaoks vastavalt kohalikule ajale.

olgu d = new Kuupäev();
d.setDate (20);
console.log (d);

Väljund:

Neljapäev, 20. jaanuar 2022, 22:58:59 GMT+0530 (India standardaeg)

Seotud: JavaScripti matemaatikameetodid, mida peaksite juba täna valdama

2. setFullYear()

See meetod määrab kindlaks kuupäevaks aasta kohaliku aja järgi.

olgu d = new Kuupäev();
d.setFullYear (2016);
console.log (d);

Väljund:

Pühapäev, 3. jaanuar 2016 23:00:41 GMT+0530 (India standardaeg)

3. setHours()

See meetod määrab kindlaks määratud kuupäeva tunnid (0–23) vastavalt kohalikule ajale.

olgu d = new Kuupäev();
d.setHours (15);
console.log (d);

Väljund:

Esmaspäev 3. jaanuar 2022 15:02:01 GMT+0530 (India standardaeg)

Seotud: Kuidas luua lihtsat kalkulaatorit HTML-i, CSS-i ja JavaScripti abil

4. setMilliseconds()

See meetod määrab millisekundid (0–999) kindlaksmääratud kuupäeva jaoks vastavalt kohalikule ajale.

olgu d = new Kuupäev();
d.set Milliseconds (548);
console.log (d);

Väljund:

Esmaspäev 3. jaanuar 2022 23:04:13 GMT+0530 (India standardaeg)

Samamoodi saate kasutada setMinutes(), set Month(), ja setSeconds() meetodid, et määrata vastavalt kohalikule ajale määratud kuupäeva minutid (0–59), kuu (0–11) ja sekundid (0–59).

JavaScripti praeguse aja näide

Lihtne näide süsteemi praeguse kellaaja printimiseks:

Kui soovite vaadata selles artiklis kasutatud täielikku lähtekoodi, siis siin on see GitHubi hoidla.​​​​​​​

Arendada projekte, kasutades JavaScripti kuupäevakontseptsioone

Reaalmaailma rakendustega töötades kohtate palju JavaScripti kuupäevade juhtumeid. Kui soovite alustada lihtsa projektiga ja omandada praktilisi kogemusi, saate HTML-i, CSS-i ja JavaScripti abil välja töötada digitaalse kella. Lisaks kuupäevadele saate teada ka mõned olulised JavaScripti mõisted, nagu muutujatega töötamine, funktsioonide kasutamine, DOM-ile juurdepääs ja atribuutide lisamine ning palju muud.

Kuidas luua digitaalset kella HTML-i, CSS-i ja JavaScripti abil

Kas kodeerite seni, kuni säutsuvad linnud teile teatavad, et on hommik? Selle kohandatud kellaga jälgige aega.

Loe edasi

Autori kohta