Uvod v datume in ure v JavaScriptu

Delo z datumi je pomemben vidik programiranja. Vgrajeni objekt datuma se uporablja za delo z datumi in časi v JavaScriptu. Različne metode datumskega predmeta zelo olajšajo nalogo med delom z datumi in časi.

V tem članku boste izvedeli vse, kar morate vedeti o delu z datumi v JavaScriptu. Torej, brez odlašanja, vskočimo.

Kako ustvariti datumske objekte

Predmet datuma lahko ustvarite v JavaScriptu na naslednje štiri načine:

1. nov datum ()

The nov datum () konstruktor ustvari datumski objekt s trenutnim datumom in časom.

naj d = nov datum();
console.log (d);

Izhod:

Pon, 3. januar 2022 20:27:58 GMT+0530 (indijski standardni čas)

2. nov datum (datumni niz)

The nov datum (datumni niz) konstruktor ustvari datumski objekt iz datumskega niza.

naj d = nov datum ("2022-01-01");
console.log (d);

Izhod:

Sobota, 1. januar 2022 05:30:00 GMT+0530 (indijski standardni čas)

3. nov datum (milisekunde)

The nov datum (milisekunde) konstruktor ustvari datumski objekt tako, da ničelnemu času doda milisekunde. Parameter predstavlja čas, ki je pretekel v milisekundah od 1. januarja 1970 UTC.

naj d1 = nov datum (0);
console.log (d1);
naj d2 = nov datum (973436457364);
console.log (d2);

Izhod:

Čet, 1. januar 1970 05:30:00 GMT+0530 (indijski standardni čas)
Ned, 5. november 2000 20:30:57 GMT+0530 (indijski standardni čas)

4. nov datum (leto, mesec, dan, ure, minute, sekunde, milisekunde)

The nov datum (leto, mesec, dan, ure, minute, sekunde, milisekunde) konstruktor ustvari datumski objekt z določenim datumom in časom. Sedem parametrov določa leto, mesec, dan, ure, minute, sekunde in milisekunde.

naj d = nov datum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Izhod:

Sreda, 11. november 2020, 15:29:46 GMT+0530 (indijski standardni čas)

Ustvarite lahko tudi datumski objekt s šestimi, štirimi, tremi ali dvema parametroma.

a) Šest parametrov določa leto, mesec, dan, uro, minuto in sekundo.

b) Pet parametrov določa leto, mesec, dan, uro in minuto.

c) Štirje parametri določajo leto, mesec, dan in uro.

d) Trije parametri določajo leto, mesec in dan.

e) Dva parametra določata leto in mesec.

Opomba:

• JavaScript šteje mesece od 0 do 11, tj. januar je predstavljen z 0, december pa z 11.
• Če podate vrednosti izven obsega v objektu Datum, namesto tega ne bo sprožil napake, ampak se samodejno popravi.

// Marec nima 40 dni, prelivanje se samodejno popravi
naj d = nov datum (2020, 2, 40);
console.log (d);

Izhod:

Čet, 9. april 2020, 00:00:00 GMT+0530 (indijski standardni čas)

Metode pridobivanja datuma JavaScript

Za pridobivanje informacij iz datumskega predmeta lahko uporabite naslednje metode.

1. getFullYear()

Ta metoda vrne leto kot štirimestno število (llll) po lokalnem času.

naj d = nov datum();
console.log (d.getFullYear());

Izhod:

2022

2. getMonth()

Ta metoda vrne mesec kot številko (0-11) po lokalnem času.

naj d = nov datum();
console.log (d.getMonth());

Izhod:

0

3. getDate()

Ta metoda vrne dan kot številko (1-31) po lokalnem času.

naj d = nov datum();
console.log (d.getDate());

Izhod:

3

Povezano: Uvod v vrste podatkov v JavaScriptu

4. getHours()

Ta metoda vrne uro (0-23) po lokalnem času.

naj d = nov datum();
console.log (d.getHours());

Izhod:

22

5. getMinutes()

Ta metoda vrne minuto (0-59) po lokalnem času.

naj d = nov datum();
console.log (d.getMinutes());

Izhod:

40

6. getSeconds()

Ta metoda vrne drugo (0-59) po lokalnem času.

naj d = nov datum();
console.log (d.getSeconds());

Izhod:

30

7. getMilliseconds()

Ta metoda vrne milisekundo (0-999) glede na lokalni čas.

naj d = nov datum();
console.log (d.getMilliseconds());

Izhod:

55

Povezano: Enovrstni programi JavaScript, ki jih morate poznati

8. getTime()

Ta metoda vrne čas v milisekundah od 1. januarja 1970.

naj d = nov datum();
console.log (d.getTime());

Izhod:

1641230088884

9. getDay()

Ta metoda vrne dan v tednu kot številko (0-6) po lokalnem času.

naj d = nov datum();
console.log (d.getDay());

Izhod:

1

Opomba: Če želite delati z datumi UTC, lahko uporabite naslednje datumske metode: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), in getUTCSeconds().

Metode nastavitve datuma JavaScript

Za nastavitev dela datumskega predmeta lahko uporabite naslednje metode.

1. setDate()

Ta metoda nastavi dan kot številko (1-31) za določen datum po lokalnem času.

naj d = nov datum();
d.setDate (20);
console.log (d);

Izhod:

Čet, 20. januar 2022 22:58:59 GMT+0530 (indijski standardni čas)

Povezano: Matematične metode JavaScript, ki bi jih morali obvladati danes

2. setFullYear()

Ta metoda nastavi leto za določen datum po lokalnem času.

naj d = nov datum();
d.setFullYear (2016);
console.log (d);

Izhod:

Ned, 3. januar 2016 23:00:41 GMT+0530 (indijski standardni čas)

3. setHours()

Ta metoda nastavi uro (0-23) za določen datum po lokalnem času.

naj d = nov datum();
d.setHours (15);
console.log (d);

Izhod:

Pon, 3. januar 2022 15:02:01 GMT+0530 (indijski standardni čas)

Povezano: Kako sestaviti preprost kalkulator z uporabo HTML, CSS in JavaScript

4. setMilliseconds()

Ta metoda nastavi milisekunde (0-999) za določen datum glede na lokalni čas.

naj d = nov datum();
d.set milisekund (548);
console.log (d);

Izhod:

Pon, 3. januar 2022 23:04:13 GMT+0530 (indijski standardni čas)

Podobno lahko uporabite setMinutes(), setMonth(), in setSeconds() metode za nastavitev minut (0-59), meseca (0-11) in sekund (0-59) za določen datum glede na lokalni čas.

Primer trenutnega časa JavaScript

Preprost primer za tiskanje trenutnega časa sistema:

Če si želite ogledati celotno izvorno kodo, uporabljeno v tem članku, je tukaj GitHub repozitorij.​​​​​​​

Razvijte projekte z uporabo datumskih konceptov JavaScript

Med delom na aplikacijah v resničnem svetu boste naleteli na številne primere datumov JavaScript. Če želite začeti s preprostim projektom in pridobiti praktične izkušnje, lahko razvijete digitalno uro z uporabo HTML, CSS in JavaScript. Poleg datumov se boste naučili tudi nekaterih pomembnih konceptov JavaScript, kot so delo s spremenljivkami, uporaba funkcij, dostopanje in dodajanje lastnosti v DOM in še več.

Kako ustvariti digitalno uro z uporabo HTML, CSS in JavaScript

Ali kodirate, dokler vam čivkajoče ptice ne sporočijo, da je jutro? Spremljajte čas s to uro po meri.

Preberite Naprej

O avtorju