O introducere în date și ore în JavaScript

Lucrul cu datele este un aspect important al programării. Obiectul de dată încorporat este folosit pentru a lucra cu date și ore în JavaScript. Diferitele metode ale obiectului dată fac sarcina mult mai ușoară în timp ce lucrați cu date și ore.

În acest articol, veți afla tot ce trebuie să știți despre lucrul cu datele în JavaScript. Așa că, fără alte prelungiri, să intrăm.

Cum se creează obiecte date

Puteți crea un obiect data în JavaScript utilizând următoarele patru moduri:

1. data noua()

The data noua() constructorul creează un obiect dată cu data și ora curente.

let d = data noua();
console.log (d);

Ieșire:

Luni, 03 ianuarie 2022 20:27:58 GMT+0530 (ora standard a Indiei)

2. data noua (string data)

The data noua (string data) constructorul creează un obiect dată dintr-un șir de date.

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

Ieșire:

Sâmbătă, 01 ianuarie 2022 05:30:00 GMT+0530 (ora standard a Indiei)

3. noua data (milisecunde)

The noua data (milisecunde) constructorul creează un obiect dată prin adăugarea milisecundelor la ora zero. Parametrul reprezintă timpul trecut în milisecunde de la 1 ianuarie 1970 UTC.

fie d1 = data noua (0);
console.log (d1);
fie d2 = data noua (973436457364);
console.log (d2);

Ieșire:

Joi, 01 ianuarie 1970 05:30:00 GMT+0530 (ora standard a Indiei)
Duminica 05 noiembrie 2000 20:30:57 GMT+0530 (ora standard a Indiei)

4. noua data (an, luna, zi, ore, minute, secunde, milisecunde)

The noua data (an, luna, zi, ore, minute, secunde, milisecunde) constructorul creează un obiect dată cu o dată și o oră specificate. Cei șapte parametri specifică anul, luna, ziua, orele, minutele, secundele și, respectiv, milisecunde.

fie d = data noua (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Ieșire:

Miercuri, 11 noiembrie 2020, 15:29:46 GMT+0530 (ora standard a Indiei)

De asemenea, puteți crea un obiect dată cu șase, patru, trei sau doi parametri.

a) Cei șase parametri specifică anul, luna, ziua, ora, minutul și secunda.

b) Cei cinci parametri specifică anul, luna, ziua, ora și minutul.

c) Cei patru parametri specifică anul, luna, ziua și ora.

d) Cei trei parametri specifică anul, luna și ziua.

e) Cei doi parametri specifică anul și luna.

Notă:

• JavaScript numără lunile de la 0 la 11, adică ianuarie este reprezentat de 0, iar decembrie este reprezentat de 11.
• Dacă specificați valori în afara intervalului în obiectul Date, acesta nu va genera o eroare, ci se auto-corectează.

// Martie nu are 40 de zile, depășirea este corectată automat
fie d = data noua (2020, 2, 40);
console.log (d);

Ieșire:

Joi, 09 aprilie 2020 00:00:00 GMT+0530 (ora standard a Indiei)

Date JavaScript Get Metode

Puteți utiliza următoarele metode pentru a obține informații de la un obiect dată.

1. getFullYear()

Această metodă returnează anul ca un număr din patru cifre (aaaa) în funcție de ora locală.

let d = data noua();
console.log (d.getFullYear());

Ieșire:

2022

2. getMonth()

Această metodă returnează luna ca număr (0-11) în funcție de ora locală.

let d = data noua();
console.log (d.getMonth());

Ieșire:

0

3. getDate()

Această metodă returnează ziua ca număr (1-31) în funcție de ora locală.

let d = data noua();
console.log (d.getDate());

Ieșire:

3

Legate de: O introducere în tipurile de date în JavaScript

4. getHours()

Această metodă returnează ora (0-23) în funcție de ora locală.

let d = data noua();
console.log (d.getHours());

Ieșire:

22

5. getMinutes()

Această metodă returnează minutul (0-59) în funcție de ora locală.

let d = data noua();
console.log (d.getMinutes());

Ieșire:

40

6. getSeconds()

Această metodă returnează al doilea (0-59) în funcție de ora locală.

let d = data noua();
console.log (d.getSeconds());

Ieșire:

30

7. getMilliseconds()

Această metodă returnează milisecunda (0-999) în funcție de ora locală.

let d = data noua();
console.log (d.getMilliseconds());

Ieșire:

55

Legate de: JavaScript One-Liners pe care ar trebui să le cunoașteți

8. Fă-ți timp()

Această metodă returnează timpul în milisecunde de la 1 ianuarie 1970.

let d = data noua();
console.log (d.getTime());

Ieșire:

1641230088884

9. getDay()

Această metodă returnează ziua săptămânii ca număr (0-6) în funcție de ora locală.

let d = data noua();
console.log (d.getDay());

Ieșire:

1

Notă: Dacă doriți să lucrați cu datele UTC, puteți utiliza următoarele metode de date: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMillisecunde(), getUTCMinutes(), getUTCMonth(), și getUTCSeconds().

Metode JavaScript de setare a datei

Puteți utiliza următoarele metode pentru a seta o parte a unui obiect dată.

1. Seteaza data()

Această metodă setează ziua ca număr (1-31) pentru o dată specificată în funcție de ora locală.

let d = data noua();
d.setDate (20);
console.log (d);

Ieșire:

Joi, 20 ianuarie 2022 22:58:59 GMT+0530 (ora standard a Indiei)

Legate de: Metode de matematică JavaScript pe care ar trebui să le stăpânești astăzi

2. setFullYear()

Această metodă setează anul pentru o dată specificată în funcție de ora locală.

let d = data noua();
d.setFullYear (2016);
console.log (d);

Ieșire:

Duminică, 03 ianuarie 2016, 23:00:41 GMT+0530 (ora standard a Indiei)

3. setHours()

Această metodă setează ora (0-23) pentru o dată specificată în funcție de ora locală.

let d = data noua();
d.setHours (15);
console.log (d);

Ieșire:

Luni 03 ianuarie 2022 15:02:01 GMT+0530 (ora standard a Indiei)

Legate de: Cum să construiți un calculator simplu folosind HTML, CSS și JavaScript

4. setMillisecunde()

Această metodă setează milisecundele (0-999) pentru o dată specificată în funcție de ora locală.

let d = data noua();
d.setMilliseconds (548);
console.log (d);

Ieșire:

Luni 03 ianuarie 2022 23:04:13 GMT+0530 (ora standard a Indiei)

În mod similar, puteți utiliza setMinutes(), setMonth(), și setSeconds() metode pentru a seta minutele (0-59), luna (0-11) și, respectiv, secundele (0-59) pentru o dată specificată în funcție de ora locală.

Exemplu de ora curentă JavaScript

Un exemplu simplu pentru a tipări ora curentă a sistemului:

Dacă doriți să aruncați o privire la codul sursă complet folosit în acest articol, iată Depozitul GitHub.​​​​​​​

Dezvoltați proiecte utilizând conceptele de dată din JavaScript

Veți întâlni multe cazuri de date JavaScript în timp ce lucrați la aplicații din lumea reală. Dacă doriți să începeți cu un proiect simplu și să obțineți experiență practică, puteți dezvolta un ceas digital folosind HTML, CSS și JavaScript. Pe lângă date, veți învăța și câteva concepte JavaScript importante, cum ar fi lucrul cu variabile, utilizarea funcțiilor, accesarea și adăugarea de proprietăți în DOM și multe altele.

Cum se creează un ceas digital folosind HTML, CSS și JavaScript

Codați până când păsările care ciripesc vă anunță că este dimineață? Urmăriți timpul cu acest ceas personalizat.

Citiți în continuare

Despre autor