Bevezetés a dátumokhoz és időkhöz JavaScriptben

A dátumokkal való munka a programozás fontos szempontja. A beépített dátumobjektum a dátumok és időpontok kezelésére szolgál JavaScriptben. A dátum objektum különféle metódusai nagyban megkönnyítik a feladatot a dátumokkal és időpontokkal való munka során.

Ebből a cikkből mindent megtudhat, amit tudnia kell a dátumok JavaScriptben történő használatáról. Szóval minden további nélkül ugorjunk be.

Dátumobjektumok létrehozása

A következő négy módszerrel hozhat létre dátumobjektumot JavaScriptben:

1. új dátum()

A új dátum() konstruktor létrehoz egy dátum objektumot az aktuális dátummal és időponttal.

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

Kimenet:

2022. január 3. hétfő, 20:27:58 GMT+0530 (indiai normál idő)

2. új dátum (randevúzás)

A új dátum (randevúzás) konstruktor dátum objektumot hoz létre egy dátum karakterláncból.

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

Kimenet:

2022. január 1., szombat, 05:30:00 GMT+0530 (indiai normál idő)

3. új dátum (ezredmásodperc)

A új dátum (ezredmásodperc) A konstruktor dátumobjektumot hoz létre úgy, hogy az ezredmásodperceket hozzáadja a nulla időhöz. A paraméter az 1970. január 1. UTC óta eltelt időt jelenti ezredmásodpercben.

legyen d1 = új Dátum (0);
console.log (d1);
legyen d2 = új dátum (973436457364);
console.log (d2);

Kimenet:

1970. január 1., csütörtök, 05:30:00 GMT+0530 (indiai normál idő)
2000. november 5., vasárnap, 20:30:57 GMT+0530 (indiai normál idő)

4. új dátum (év, hónap, nap, óra, perc, másodperc, ezredmásodperc)

A új dátum (év, hónap, nap, óra, perc, másodperc, ezredmásodperc) konstruktor létrehoz egy dátum objektumot meghatározott dátummal és időponttal. A hét paraméter az évet, hónapot, napot, órát, percet, másodpercet és ezredmásodpercet határozza meg.

legyen d = új dátum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Kimenet:

2020. november 11., szerda, 15:29:46 GMT+0530 (indiai normál idő)

Dátumobjektumot is létrehozhat hat, négy, három vagy két paraméterrel.

a) A hat paraméter az évet, a hónapot, a napot, az órát, a percet és a másodpercet határozza meg.

b) Az öt paraméter az évet, a hónapot, a napot, az órát és a percet határozza meg.

c) A négy paraméter az évet, a hónapot, a napot és az órát határozza meg.

d) A három paraméter az évet, a hónapot és a napot határozza meg.

e) A két paraméter az évet és a hónapot adja meg.

jegyzet:

• A JavaScript a hónapokat 0-tól 11-ig számolja, azaz a januárt 0, a decembert pedig a 11 jelöli.
• Ha a Date objektumban tartományon kívüli értékeket adunk meg, akkor helyette nem ad ki hibát, hanem automatikusan kijavítja magát.

// Márciusnak nincs 40 napja, a túlcsordulás automatikusan korrigálódik
legyen d = új dátum (2020, 2, 40);
console.log (d);

Kimenet:

2020. április 9., csütörtök, 00:00:00 GMT+0530 (indiai normál idő)

JavaScript-dátum beszerzési módszerek

A következő módszereket használhatja adatok lekéréséhez egy dátumobjektumból.

1. getFullYear()

Ez a módszer az évet négyjegyű számként (yyyy) adja vissza a helyi idő szerint.

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

Kimenet:

2022

2. get Month()

Ez a módszer a hónapot számként adja vissza (0-11) a helyi idő szerint.

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

Kimenet:

0

3. getDate()

Ez a módszer a napot számként adja vissza (1-31) a helyi idő szerint.

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

Kimenet:

3

Összefüggő: Bevezetés a JavaScript adattípusaiba

4. getHours()

Ez a módszer az órát (0-23) adja vissza a helyi idő szerint.

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

Kimenet:

22

5. getMinutes()

Ez a módszer a percet (0-59) adja vissza a helyi idő szerint.

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

Kimenet:

40

6. getSeconds()

Ez a módszer a másodikat (0-59) adja vissza a helyi idő szerint.

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

Kimenet:

30

7. get Milliseconds()

Ez a módszer az ezredmásodpercet (0-999) adja vissza a helyi idő szerint.

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

Kimenet:

55

Összefüggő: JavaScript One-Liners, amit tudnia kell

8. getTime()

Ez a módszer ezredmásodpercben adja vissza az 1970. január 1-je óta eltelt időt.

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

Kimenet:

1641230088884

9. getDay()

Ez a módszer a hét napját számként (0-6) adja vissza a helyi idő szerint.

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

Kimenet:

1

jegyzet: Ha UTC-dátumokkal szeretne dolgozni, a következő dátummódszereket használhatja: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMutes(), getUTCMonth(), és getUTCSeconds().

JavaScript dátumbeállítási módszerek

A dátumobjektum egy részének beállításához a következő módszereket használhatja.

1. dátum beállítása()

Ez a módszer a napot számként (1-31) állítja be egy adott dátumhoz a helyi idő szerint.

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

Kimenet:

2022. január 20. csütörtök, 22:58:59 GMT+0530 (indiai normál idő)

Összefüggő: JavaScript matematikai módszerek, amelyeket ma el kell sajátítania

2. setFullYear()

Ez a módszer beállítja az évet egy adott dátumhoz a helyi idő szerint.

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

Kimenet:

2016. január 3., vasárnap, 23:00:41 GMT+0530 (indiai normál idő)

3. setHours()

Ez a módszer beállítja az órát (0-23) egy adott dátumhoz a helyi idő szerint.

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

Kimenet:

2022. január 3. hétfő, 15:02:01 GMT+0530 (indiai normál idő)

Összefüggő: Hogyan készítsünk egyszerű számológépet HTML, CSS és JavaScript használatával

4. setMilliseconds()

Ez a módszer az ezredmásodperceket (0-999) állítja be egy adott dátumhoz a helyi idő szerint.

legyen d = new Date();
d.setMiliseconds (548);
console.log (d);

Kimenet:

2022. január 3. hétfő, 23:04:13 GMT+0530 (indiai normál idő)

Hasonlóképpen használhatja a setMinutes(), set Month(), és setSeconds() módszerek a percek (0-59), a hónap (0-11) és a másodpercek (0-59) beállítására egy adott dátumhoz a helyi idő szerint.

JavaScript aktuális idő példa

Egy egyszerű példa a rendszer aktuális idejének kinyomtatására:

Ha meg szeretné tekinteni a cikkben használt teljes forráskódot, itt található a GitHub adattár.​​​​​​​

Projektek fejlesztése a JavaScript dátumfogalmait használva

Valós alkalmazásokon való munka közben számos JavaScript-dátummal találkozhat. Ha szeretne elkezdeni egy egyszerű projektet, és gyakorlati tapasztalatokat szeretne szerezni, fejleszthet digitális órát HTML, CSS és JavaScript használatával. A dátumok mellett néhány fontos JavaScript-fogalmat is elsajátíthat, mint például a változókkal való munka, a függvények használata, a DOM-hoz való hozzáférés és tulajdonságok hozzáadása stb.

Digitális óra létrehozása HTML, CSS és JavaScript használatával

Addig kódol, amíg a csicsergő madarak közlik, hogy reggel van? Kövesse nyomon az időt ezzel az egyéni órával.

Olvassa el a következőt

A szerzőről