Úvod do dátumov a časov v JavaScripte

Práca s dátumami je dôležitým aspektom programovania. Vstavaný objekt dátumu sa používa na prácu s dátumami a časmi v JavaScripte. Rôzne metódy objektu dátumu značne uľahčujú prácu s dátumami a časmi.

V tomto článku sa dozviete všetko, čo potrebujete vedieť o práci s dátumami v JavaScripte. Takže, bez ďalších okolkov, poďme dnu.

Ako vytvoriť dátumové objekty

Objekt dátumu môžete v JavaScripte vytvoriť nasledujúcimi štyrmi spôsobmi:

1. nový dátum()

The nový dátum () konštruktor vytvorí objekt dátumu s aktuálnym dátumom a časom.

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

Výkon:

3. január 2022 20:27:58 GMT+0530 (indický štandardný čas)

2. nový dátum (datový reťazec)

The nový dátum (datový reťazec) Konštruktor vytvorí objekt dátumu z reťazca dátumu.

nech d = nový dátum("2022-01-01");
console.log (d);

Výkon:

So 01.01.2022 05:30:00 GMT+0530 (indický štandardný čas)

3. nový dátum (milisekundy)

The nový dátum (milisekundy) Konštruktor vytvorí objekt dátumu pridaním milisekúnd k nulovému času. Parameter predstavuje čas v milisekundách, ktorý uplynul od 1. januára 1970 UTC.

nech d1 = nový dátum (0);
console.log (d1);
nech d2 = nový dátum (973436457364);
console.log (d2);

Výkon:

Št. január 1970 05:30:00 GMT+0530 (indický štandardný čas)
5. november 2000 20:30:57 GMT+0530 (štandardný čas Indie)

4. nový dátum (rok, mesiac, deň, hodiny, minúty, sekundy, milisekundy)

The nový dátum (rok, mesiac, deň, hodiny, minúty, sekundy, milisekundy) Konštruktor vytvorí objekt dátumu so zadaným dátumom a časom. Sedem parametrov určuje rok, mesiac, deň, hodiny, minúty, sekundy a milisekundy.

nech d = nový dátum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Výkon:

Streda 11. novembra 2020 15:29:46 GMT+0530 (indický štandardný čas)

Môžete tiež vytvoriť objekt dátumu so šiestimi, štyrmi, tromi alebo dvoma parametrami.

a) Šesť parametrov určuje rok, mesiac, deň, hodinu, minútu a sekundu.

b) Päť parametrov určuje rok, mesiac, deň, hodinu a minútu.

c) Štyri parametre určujú rok, mesiac, deň a hodinu.

d) Tri parametre určujú rok, mesiac a deň.

e) Dva parametre určujú rok a mesiac.

Poznámka:

• JavaScript počíta mesiace od 0 do 11, t. j. január predstavuje 0 a december predstavuje 11.
• Ak v objekte Date zadáte hodnoty mimo rozsahu, nevyvolá namiesto toho chybu, ale automaticky sa opraví.

// Marec nemá 40 dní, pretečenie je automaticky opravené
nech d = nový dátum (2020, 2, 40);
console.log (d);

Výkon:

Št. apríl 09 2020 00:00:00 GMT+0530 (indický štandardný čas)

JavaScript metódy získania dátumu

Na získanie informácií z objektu dátumu môžete použiť nasledujúce metódy.

1. getFullYear()

Táto metóda vráti rok ako štvormiestne číslo (yyyy) podľa miestneho času.

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

Výkon:

2022

2. getMonth()

Táto metóda vráti mesiac ako číslo (0-11) podľa miestneho času.

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

Výkon:

0

3. getDate()

Táto metóda vráti deň ako číslo (1-31) podľa miestneho času.

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

Výkon:

3

Súvisiace: Úvod do dátových typov v JavaScripte

4. getHours()

Táto metóda vráti hodiny (0-23) podľa miestneho času.

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

Výkon:

22

5. getMinutes()

Táto metóda vráti minúty (0-59) podľa miestneho času.

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

Výkon:

40

6. getSeconds()

Táto metóda vráti sekundu (0-59) podľa miestneho času.

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

Výkon:

30

7. getMilliseconds()

Táto metóda vracia milisekundy (0-999) podľa miestneho času.

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

Výkon:

55

Súvisiace: JavaScript One-Liners, ktoré by ste mali vedieť

8. getTime()

Táto metóda vracia čas v milisekundách od 1. januára 1970.

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

Výkon:

1641230088884

9. getDay()

Táto metóda vráti deň v týždni ako číslo (0-6) podľa miestneho času.

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

Výkon:

1

Poznámka: Ak chcete pracovať s dátumami UTC, môžete použiť nasledujúce metódy dátumu: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilisekundy(), getUTCMinutes(), getUTCMonth()a getUTCSeconds().

JavaScript metódy nastavenia dátumu

Na nastavenie časti objektu dátumu môžete použiť nasledujúce metódy.

1. setDate()

Táto metóda nastavuje deň ako číslo (1-31) pre určený dátum podľa miestneho času.

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

Výkon:

Štvrtok 20. januára 2022 22:58:59 GMT+0530 (indický štandardný čas)

Súvisiace: Matematické metódy JavaScriptu, ktoré by ste mali zvládnuť ešte dnes

2. setFullYear()

Táto metóda nastavuje rok pre konkrétny dátum podľa miestneho času.

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

Výkon:

Nedeľa 3. januára 2016 23:00:41 GMT+0530 (indický štandardný čas)

3. setHours()

Táto metóda nastavuje hodinu (0-23) pre konkrétny dátum podľa miestneho času.

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

Výkon:

Pondelok 03.01.2022 15:02:01 GMT+0530 (indický štandardný čas)

Súvisiace: Ako vytvoriť jednoduchú kalkulačku pomocou HTML, CSS a JavaScriptu

4. setMilliseconds()

Táto metóda nastavuje milisekundy (0-999) pre určený dátum podľa miestneho času.

nech d = new Date();
d.setMilliseconds (548);
console.log (d);

Výkon:

3. január 2022 23:04:13 GMT+0530 (indický štandardný čas)

Podobne môžete použiť setMinutes(), setMonth()a setSeconds() metódy na nastavenie minút (0-59), mesiaca (0-11) a sekúnd (0-59) pre konkrétny dátum podľa miestneho času.

Príklad aktuálneho času JavaScript

Jednoduchý príklad na vytlačenie aktuálneho času systému:

Ak sa chcete pozrieť na úplný zdrojový kód použitý v tomto článku, tu je Úložisko GitHub.​​​​​​​

Vyvíjajte projekty využívajúce dátumové koncepty JavaScriptu

Pri práci na aplikáciách v reálnom svete sa stretnete s mnohými prípadmi dátumov JavaScript. Ak chcete začať s jednoduchým projektom a získať praktické skúsenosti, môžete si vyvinúť digitálne hodiny pomocou HTML, CSS a JavaScriptu. Spolu s dátumami sa tiež naučíte niektoré dôležité koncepty JavaScriptu, ako je práca s premennými, používanie funkcií, prístup a pridávanie vlastností do DOM a ďalšie.

Ako vytvoriť digitálne hodiny pomocou HTML, CSS a JavaScriptu

Kódujete, kým vám štebot vtákov neoznámi, že je ráno? Sledujte čas pomocou týchto vlastných hodín.

Prečítajte si ďalej

O autorovi