Uvod u datume i vremena u JavaScriptu

Rad s datumima važan je aspekt programiranja. Ugrađeni objekt datuma koristi se za rad s datumima i vremenom u JavaScriptu. Različite metode objekta datuma uvelike olakšavaju zadatak tijekom rada s datumima i vremenima.

U ovom ćete članku naučiti sve što trebate znati o radu s datumima u JavaScriptu. Dakle, bez daljnjeg, uskočimo.

Kako stvoriti objekte datuma

Možete stvoriti objekt datuma u JavaScriptu na sljedeća četiri načina:

1. novi datum()

The novi datum() konstruktor stvara objekt datuma s trenutnim datumom i vremenom.

neka d = novi datum();
console.log (d);

Izlaz:

Pon, 3. siječnja 2022. 20:27:58 GMT+0530 (indijsko standardno vrijeme)

2. novi datum (datuming)

The novi datum (datuming) konstruktor stvara objekt datuma iz datumskog niza.

neka d = novi datum("2022-01-01");
console.log (d);

Izlaz:

sub, 01. siječnja 2022. 05:30:00 GMT+0530 (indijsko standardno vrijeme)

3. novi datum (milisekunde)

The novi datum (milisekunde) konstruktor stvara objekt datuma dodavanjem milisekundi nultom vremenu. Parametar predstavlja vrijeme proteklo u milisekundama od 1. siječnja 1970. UTC.

neka d1 = novi datum (0);
console.log (d1);
neka d2 = novi datum (973436457364);
console.log (d2);

Izlaz:

čet, 01. siječnja 1970. 05:30:00 GMT+0530 (indijsko standardno vrijeme)
ned, 5. studenog 2000. 20:30:57 GMT+0530 (indijsko standardno vrijeme)

4. novi datum (godina, mjesec, dan, sati, minute, sekunde, milisekunde)

The novi datum (godina, mjesec, dan, sati, minute, sekunde, milisekunde) konstruktor stvara objekt datuma s određenim datumom i vremenom. Sedam parametara određuju godinu, mjesec, dan, sate, minute, sekunde i milisekunde.

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

Izlaz:

Srijeda, 11. studenog 2020. 15:29:46 GMT+0530 (indijsko standardno vrijeme)

Također možete stvoriti objekt datuma sa šest, četiri, tri ili dva parametra.

a) Šest parametara određuju godinu, mjesec, dan, sat, minutu i sekundu.

b) Pet parametara određuju godinu, mjesec, dan, sat i minutu.

c) Četiri parametra određuju godinu, mjesec, dan i sat.

d) Tri parametra određuju godinu, mjesec i dan.

e) Dva parametra određuju godinu i mjesec.

Bilješka:

• JavaScript broji mjesece od 0 do 11, tj. siječanj je predstavljen s 0, a prosinac s 11.
• Ako navedete vrijednosti izvan raspona u objektu Date, umjesto toga neće izbaciti pogrešku, već se automatski ispravlja.

// Ožujak nema 40 dana, prekoračenje se automatski ispravlja
neka d = novi datum (2020., 2., 40.);
console.log (d);

Izlaz:

Čet, 09. travnja 2020. 00:00:00 GMT+0530 (indijsko standardno vrijeme)

Metode dobivanja datuma JavaScripta

Možete koristiti sljedeće metode za dobivanje informacija iz objekta datuma.

1. getFullYear()

Ova metoda vraća godinu kao četveroznamenkasti broj (gggg) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getFullYear());

Izlaz:

2022

2. getMonth()

Ova metoda vraća mjesec kao broj (0-11) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getMonth());

Izlaz:

0

3. getDate()

Ova metoda vraća dan kao broj (1-31) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getDate());

Izlaz:

3

Povezano: Uvod u vrste podataka u JavaScriptu

4. getHours()

Ova metoda vraća sat (0-23) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getHours());

Izlaz:

22

5. getMinutes()

Ova metoda vraća minutu (0-59) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getMinutes());

Izlaz:

40

6. getSeconds()

Ova metoda vraća drugi (0-59) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getSeconds());

Izlaz:

30

7. getMilliseconds()

Ova metoda vraća milisekundu (0-999) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getMilliseconds());

Izlaz:

55

Povezano: Jednostruki JavaScript programi koje biste trebali znati

8. getTime()

Ova metoda vraća vrijeme u milisekundama od 1. siječnja 1970. godine.

neka d = novi datum();
console.log (d.getTime());

Izlaz:

1641230088884

9. getDay()

Ova metoda vraća dan u tjednu kao broj (0-6) prema lokalnom vremenu.

neka d = novi datum();
console.log (d.getDay());

Izlaz:

1

Bilješka: Ako želite raditi s UTC datumima, možete koristiti sljedeće metode datuma: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), i getUTCSeconds().

JavaScript metode postavljanja datuma

Možete koristiti sljedeće metode za postavljanje dijela objekta datuma.

1. setDate()

Ova metoda postavlja dan kao broj (1-31) za određeni datum prema lokalnom vremenu.

neka d = novi datum();
d.setDate (20);
console.log (d);

Izlaz:

Čet, 20. siječnja 2022. 22:58:59 GMT+0530 (Indijsko standardno vrijeme)

Povezano: JavaScript matematičke metode koje biste trebali savladati danas

2. setFullYear()

Ova metoda postavlja godinu za određeni datum prema lokalnom vremenu.

neka d = novi datum();
d.setFullYear (2016.);
console.log (d);

Izlaz:

Ned, 3. siječnja 2016. 23:00:41 GMT+0530 (indijsko standardno vrijeme)

3. setHours()

Ova metoda postavlja sat (0-23) za određeni datum prema lokalnom vremenu.

neka d = novi datum();
d.setHours (15);
console.log (d);

Izlaz:

Pon, 3. siječnja 2022. 15:02:01 GMT+0530 (indijsko standardno vrijeme)

Povezano: Kako napraviti jednostavan kalkulator koristeći HTML, CSS i JavaScript

4. setMilliseconds()

Ova metoda postavlja milisekunde (0-999) za određeni datum prema lokalnom vremenu.

neka d = novi datum();
d.set Milisekunde (548);
console.log (d);

Izlaz:

Pon, 3. siječnja 2022. 23:04:13 GMT+0530 (indijsko standardno vrijeme)

Slično, možete koristiti setMinutes(), setMonth(), i setSeconds() metode za postavljanje minuta (0-59), mjeseca (0-11) i sekundi (0-59) za određeni datum prema lokalnom vremenu.

Primjer trenutnog vremena JavaScripta

Jednostavan primjer za ispis trenutnog vremena sustava:

Ako želite pogledati kompletan izvorni kod korišten u ovom članku, evo GitHub spremište.​​​​​​​

Razvijte projekte koristeći datumske koncepte JavaScripta

Tijekom rada na aplikacijama iz stvarnog svijeta naići ćete na mnoge primjere datuma u JavaScriptu. Ako želite započeti s jednostavnim projektom i steći praktično iskustvo, možete razviti digitalni sat koristeći HTML, CSS i JavaScript. Uz datume, također ćete naučiti neke važne JavaScript koncepte kao što su rad s varijablama, korištenje funkcija, pristup i dodavanje svojstava u DOM i još mnogo toga.

Kako napraviti digitalni sat koristeći HTML, CSS i JavaScript

Kodirate li dok vas cvrkut ptica ne obavijesti da je jutro? Pratite vrijeme s ovim prilagođenim satom.

Pročitajte dalje

O autoru