Ievads JavaScript datumos un laikos

Darbs ar datumiem ir svarīgs programmēšanas aspekts. Iebūvētais datuma objekts tiek izmantots darbam ar datumiem un laikiem JavaScript. Datuma objekta dažādās metodes ievērojami atvieglo uzdevumu, strādājot ar datumiem un laikiem.

Šajā rakstā jūs uzzināsit visu, kas jums jāzina par darbu ar datumiem JavaScript. Tātad, bez turpmākas runas, iesim iekšā.

Kā izveidot datuma objektus

Varat izveidot datuma objektu JavaScript, izmantojot šādus četrus veidus:

1. jauns datums ()

The jauns datums() konstruktors izveido datuma objektu ar pašreizējo datumu un laiku.

lai d = new Datums();
console.log (d);

Izvade:

Pirmdien, 2022. gada 3. janvāris, 20:27:58 GMT+0530 (Indijas standarta laiks)

2. jauns datums (randingring)

The jauns datums (randingring) konstruktors izveido datuma objektu no datuma virknes.

lai d = new Datums("2022-01-01");
console.log (d);

Izvade:

Sestdien, 2022. gada 1. janvārī, plkst. 5:30:00 GMT+0530 (Indijas standarta laiks)

3. jauns datums (milisekundēs)

The jauns datums (milisekundēs) konstruktors izveido datuma objektu, nulles laikam pievienojot milisekundes. Parametrs attēlo laiku, kas pagājis milisekundēs kopš 1970. gada 1. janvāra UTC.

lai d1 = jauns datums (0);
console.log (d1);
let d2 = jauns datums (973436457364);
konsole.log (d2);

Izvade:

Ceturtdiena, 1970. gada 1. janvāris, 5:30:00 GMT+0530 (Indijas standarta laiks)
Svētdien, 2000. gada 5. novembris, 20:30:57 GMT+0530 (Indijas standarta laiks)

4. jauns datums (gads, mēnesis, diena, stundas, minūtes, sekundes, milisekundes)

The jauns datums (gads, mēnesis, diena, stundas, minūtes, sekundes, milisekundes) konstruktors izveido datuma objektu ar noteiktu datumu un laiku. Septiņi parametri norāda attiecīgi gadu, mēnesi, dienu, stundas, minūtes, sekundes un milisekundes.

lai d = jauns datums (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Izvade:

Trešdien, 2020. gada 11. novembris, 15:29:46 GMT+0530 (Indijas standarta laiks)

Varat arī izveidot datuma objektu ar sešiem, četriem, trīs vai diviem parametriem.

a) Seši parametri norāda gadu, mēnesi, dienu, stundu, minūti un sekundi.

b) Pieci parametri norāda gadu, mēnesi, dienu, stundu un minūti.

c) Četri parametri norāda gadu, mēnesi, dienu un stundu.

d) Trīs parametri norāda gadu, mēnesi un dienu.

e) Abi parametri norāda gadu un mēnesi.

Piezīme:

• JavaScript skaita mēnešus no 0 līdz 11, t.i., janvāri apzīmē ar 0, bet decembri apzīmē ar 11.
• Ja Datuma objektā norādāt ārpus diapazona vērtības, tas tā vietā neradīs kļūdu, tas automātiski izlabo sevi.

// Martā nav 40 dienu, pārpilde tiek automātiski labota
lai d = jauns datums (2020, 2, 40);
console.log (d);

Izvade:

Ceturtdiena, 2020. gada 9. aprīlis, plkst. 00:00:00 GMT+0530 (Indijas standarta laiks)

JavaScript datuma iegūšanas metodes

Varat izmantot šādas metodes, lai iegūtu informāciju no datuma objekta.

1. getFullYear()

Šī metode atgriež gadu kā četrciparu skaitli (gggg) pēc vietējā laika.

lai d = new Datums();
console.log (d.getFullYear());

Izvade:

2022

2. get Month ()

Šī metode atgriež mēnesi kā skaitli (0–11) pēc vietējā laika.

lai d = new Datums();
console.log (d.getMonth());

Izvade:

0

3. getDate()

Šī metode atgriež dienu kā skaitli (1–31) pēc vietējā laika.

lai d = new Datums();
console.log (d.getDate());

Izvade:

3

Saistīts: Ievads JavaScript datu tipos

4. getHours()

Šī metode atgriež stundu (0–23) pēc vietējā laika.

lai d = new Datums();
console.log (d.getHours());

Izvade:

22

5. getMinutes ()

Šī metode atgriež minūti (0–59) pēc vietējā laika.

lai d = new Datums();
console.log (d.getMinutes());

Izvade:

40

6. getSeconds()

Šī metode atgriež otro (0–59) pēc vietējā laika.

lai d = new Datums();
console.log (d.getSeconds());

Izvade:

30

7. get Milliseconds()

Šī metode atgriež milisekundi (0–999) atbilstoši vietējam laikam.

lai d = new Datums();
console.log (d.getMilliseconds());

Izvade:

55

Saistīts: JavaScript One-Liners, kas jums jāzina

8. getTime()

Šī metode atgriež laiku milisekundēs kopš 1970. gada 1. janvāra.

lai d = new Datums();
console.log (d.getTime());

Izvade:

1641230088884

9. getDay ()

Šī metode atgriež nedēļas dienu kā skaitli (0–6) pēc vietējā laika.

lai d = new Datums();
console.log (d.getDay());

Izvade:

1

Piezīme: Ja vēlaties strādāt ar UTC datumiem, varat izmantot šādas datuma metodes: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMutes(), getUTCMonth(), un getUTCSeconds().

JavaScript datu iestatīšanas metodes

Lai iestatītu datuma objekta daļu, varat izmantot šādas metodes.

1. setDate()

Šī metode iestata dienu kā skaitli (1–31) noteiktam datumam atbilstoši vietējam laikam.

lai d = new Datums();
d.setDate (20);
console.log (d);

Izvade:

Ceturtdiena, 2022. gada 20. janvāris, 22:58:59 GMT+0530 (Indijas standarta laiks)

Saistīts: JavaScript matemātikas metodes, kuras jums vajadzētu apgūt jau šodien

2. setFullYear()

Šī metode nosaka gadu noteiktam datumam atbilstoši vietējam laikam.

lai d = new Datums();
d.setFullYear (2016);
console.log (d);

Izvade:

Svētdien, 2016. gada 3. janvāris, 23:00:41 GMT+0530 (Indijas standarta laiks)

3. setHours()

Šī metode iestata stundu (0–23) noteiktam datumam atbilstoši vietējam laikam.

lai d = new Datums();
d.setHours (15);
console.log (d);

Izvade:

Pirmdien, 2022. gada 3. janvāris, 15:02:01 GMT+0530 (Indijas standarta laiks)

Saistīts: Kā izveidot vienkāršu kalkulatoru, izmantojot HTML, CSS un JavaScript

4. set Milliseconds()

Šī metode iestata milisekundes (0–999) noteiktam datumam atbilstoši vietējam laikam.

lai d = new Datums();
d.set Milliseconds (548);
console.log (d);

Izvade:

Pirmdien, 2022. gada 3. janvāris, 23:04:13 GMT+0530 (Indijas standarta laiks)

Līdzīgi varat izmantot setMinutes(), setMonth(), un setSeconds() metodes, lai iestatītu attiecīgi minūtes (0–59), mēnesi (0–11) un sekundes (0–59) noteiktam datumam atbilstoši vietējam laikam.

JavaScript pašreizējā laika piemērs

Vienkāršs piemērs, kā izdrukāt pašreizējo sistēmas laiku:

Ja vēlaties apskatīt visu šajā rakstā izmantoto avota kodu, šeit ir norādīts GitHub repozitorijs.​​​​​​​

Izstrādājiet projektus, izmantojot JavaScript datuma koncepcijas

Strādājot ar reālām lietojumprogrammām, jūs saskarsities ar daudziem JavaScript datumiem. Ja vēlaties sākt ar vienkāršu projektu un iegūt praktisku pieredzi, varat izveidot digitālo pulksteni, izmantojot HTML, CSS un JavaScript. Papildus datumiem jūs uzzināsit arī dažus svarīgus JavaScript jēdzienus, piemēram, darbu ar mainīgajiem, funkciju izmantošanu, piekļuvi DOM un rekvizītu pievienošanu tam un daudz ko citu.

Kā izveidot digitālo pulksteni, izmantojot HTML, CSS un JavaScript

Vai jūs kodējat, līdz putnu čivināšana jums paziņo, ka ir rīts? Sekojiet līdzi laikam, izmantojot šo pielāgoto pulksteni.

Lasiet Tālāk

Par autoru