Johdatus päivämääriin ja kelloihin JavaScriptissä

Päivämäärien käsittely on tärkeä osa ohjelmointia. Sisäänrakennettua päivämääräobjektia käytetään päivämäärien ja aikojen käsittelyyn JavaScriptissä. Päivämääräobjektin erilaiset menetelmät helpottavat huomattavasti päivämäärien ja kellonaikojen käsittelyä.

Tässä artikkelissa opit kaiken, mitä sinun tulee tietää JavaScriptin päivämäärien käyttämisestä. Hyppäämme siis sisään ilman pitkiä puheita.

Kuinka luoda päivämääräobjekteja

Voit luoda päivämääräobjektin JavaScriptissä seuraavilla neljällä tavalla:

1. uusi päivämäärä ()

The uusi päivämäärä() rakentaja luo päivämääräobjektin nykyisellä päivämäärällä ja kellonajalla.

olkoon d = new Date();
console.log (d);

Lähtö:

Ma 03.1.2022 klo 20.27.58 GMT+0530 (Intian normaaliaika)

2. uusi päivämäärä (treffit)

The uusi päivämäärä (treffit) konstruktori luo päivämääräobjektin päivämäärämerkkijonosta.

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

Lähtö:

La 1. tammikuuta 2022 05:30:00 GMT+0530 (Intian normaaliaika)

3. uusi päivämäärä (millisekuntia)

The uusi päivämäärä (millisekuntia)

konstruktori luo päivämääräobjektin lisäämällä millisekunnit nolla-aikaan. Parametri edustaa millisekunteina kulunutta aikaa 1. tammikuuta 1970 UTC: stä.

olkoon d1 = uusi Päivämäärä (0);
console.log (d1);
olkoon d2 = uusi päivämäärä (973436457364);
console.log (d2);

Lähtö:

To 01.1.1970 05.30.00 GMT+0530 (Intian normaaliaika)
Su 5.11.2000 klo 20.30.57 GMT+0530 (Intian normaaliaika)

4. uusi päivämäärä (vuosi, kuukausi, päivä, tunnit, minuutit, sekunnit, millisekuntia)

The uusi päivämäärä (vuosi, kuukausi, päivä, tunnit, minuutit, sekunnit, millisekuntia) konstruktori luo päivämääräobjektin, jolla on määritetty päivämäärä ja aika. Seitsemän parametria määrittävät vuoden, kuukauden, päivän, tunnit, minuutit, sekunnit ja millisekunnit.

olkoon d = uusi päivämäärä (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Lähtö:

Ke 11.11.2020 klo 15.29.46 GMT+0530 (Intian normaaliaika)

Voit myös luoda päivämääräobjektin kuudella, neljällä, kolmella tai kahdella parametrilla.

a) Kuusi parametria määrittävät vuoden, kuukauden, päivän, tunnin, minuutin ja sekunnin.

b) Viisi parametria määrittävät vuoden, kuukauden, päivän, tunnin ja minuutin.

c) Neljä parametria määrittävät vuoden, kuukauden, päivän ja tunnin.

d) Kolme parametria määrittävät vuoden, kuukauden ja päivän.

e) Kaksi parametria määrittävät vuoden ja kuukauden.

Merkintä:

• JavaScript laskee kuukaudet nollasta 11:een, eli tammikuuta edustaa 0 ja joulukuun 11.
• Jos määrität Date-objektiin alueen ulkopuolisia arvoja, se ei anna sen sijaan virhettä, vaan korjaa itsensä automaattisesti.

// Maaliskuussa ei ole 40 päivää, ylivuoto korjataan automaattisesti
olkoon d = uusi päivämäärä (2020, 2, 40);
console.log (d);

Lähtö:

to 9.4.2020 klo 00.00 GMT+0530 (Intian normaaliaika)

JavaScript-päivämäärän hakumenetelmät

Voit käyttää seuraavia menetelmiä saadaksesi tietoja päivämääräobjektista.

1. getFullYear()

Tämä menetelmä palauttaa vuoden nelinumeroisena numerona (yyyy) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getFullYear());

Lähtö:

2022

2. get Month ()

Tämä menetelmä palauttaa kuukauden numerona (0-11) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getMonth());

Lähtö:

0

3. getDate()

Tämä menetelmä palauttaa päivän numerona (1-31) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getDate());

Lähtö:

3

Aiheeseen liittyvä: Johdatus JavaScriptin tietotyyppeihin

4. getHours()

Tämä menetelmä palauttaa tunnin (0-23) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getHours());

Lähtö:

22

5. getMinutes()

Tämä menetelmä palauttaa minuutin (0-59) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getMinutes());

Lähtö:

40

6. getSeconds()

Tämä menetelmä palauttaa toisen (0-59) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getSeconds());

Lähtö:

30

7. get Milliseconds()

Tämä menetelmä palauttaa millisekunnin (0-999) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getMilliseconds());

Lähtö:

55

Aiheeseen liittyvä: JavaScript One-Liners Sinun pitäisi tietää

8. getTime()

Tämä menetelmä palauttaa ajan millisekunteina 1. tammikuuta 1970 lähtien.

olkoon d = new Date();
console.log (d.getTime());

Lähtö:

1641230088884

9. getDay()

Tämä menetelmä palauttaa viikonpäivän numerona (0-6) paikallisen ajan mukaan.

olkoon d = new Date();
console.log (d.getDay());

Lähtö:

1

Merkintä: Jos haluat käyttää UTC-päiviä, voit käyttää seuraavia päivämäärämenetelmiä: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMutes(), getUTCMonth(), ja getUTCSeconds().

JavaScript Date Set Methods

Voit määrittää päivämääräobjektin osan seuraavilla tavoilla.

1. aseta päivä()

Tämä menetelmä asettaa päivän numeroksi (1-31) tietylle päivälle paikallisen ajan mukaan.

olkoon d = new Date();
d.setDate (20);
console.log (d);

Lähtö:

To 20.1.2022 klo 22.58.59 GMT+0530 (Intian normaaliaika)

Aiheeseen liittyvä: JavaScript-matemaattiset menetelmät, jotka sinun pitäisi hallita tänään

2. setFullYear()

Tämä menetelmä asettaa vuoden tietylle päivämäärälle paikallisen ajan mukaan.

olkoon d = new Date();
d.setFullYear (2016);
console.log (d);

Lähtö:

Su 3. tammikuuta 2016 klo 23.00.41 GMT+0530 (Intian normaaliaika)

3. setHours()

Tämä menetelmä asettaa tunnit (0-23) määritetylle päivälle paikallisen ajan mukaan.

olkoon d = new Date();
d.setHours (15);
console.log (d);

Lähtö:

Ma 03.1.2022 15.02.01 GMT+0530 (Intian normaaliaika)

Aiheeseen liittyvä: Kuinka rakentaa yksinkertainen laskin HTML: n, CSS: n ja JavaScriptin avulla

4. setMilliseconds()

Tämä menetelmä asettaa millisekunnit (0-999) tietylle päivämäärälle paikallisen ajan mukaan.

olkoon d = new Date();
d.set Milliseconds (548);
console.log (d);

Lähtö:

Ma 03.1.2022 klo 23.04.13 GMT+0530 (Intian normaaliaika)

Vastaavasti voit käyttää setMinutes(), set Month(), ja setSeconds() menetelmiä asettaa minuutit (0-59), kuukausi (0-11) ja sekunnit (0-59) tietylle päivämäärälle paikallisen ajan mukaan.

JavaScript nykyisen ajan esimerkki

Yksinkertainen esimerkki järjestelmän nykyisen ajan tulostamiseksi:

Jos haluat tarkastella tässä artikkelissa käytettyä koko lähdekoodia, tässä on GitHub-arkisto.​​​​​​​

Kehitä projekteja JavaScriptin päivämääräkäsitteiden avulla

Tulet kohtaamaan monia JavaScript-päivämääriä työskennellessäsi todellisten sovellusten parissa. Jos haluat aloittaa yksinkertaisen projektin ja saada käytännön kokemusta, voit kehittää digitaalisen kellon HTML: n, CSS: n ja JavaScriptin avulla. Päivämäärien lisäksi opit myös tärkeitä JavaScript-käsitteitä, kuten muuttujien kanssa työskentelyn, funktioiden käytön, DOM: n ominaisuuksien käyttämisen ja lisäämisen ja paljon muuta.

Digitaalisen kellon luominen HTML: n, CSS: n ja JavaScriptin avulla

Koodaatko, kunnes linnut visertävät sinua, että on aamu? Pysy ajan tasalla tämän mukautetun kellon avulla.

Lue Seuraava

Kirjailijasta