En introduktion til datoer og tidspunkter i JavaScript

At arbejde med datoer er et vigtigt aspekt af programmering. Det indbyggede datoobjekt bruges til at arbejde med datoer og klokkeslæt i JavaScript. Datoobjektets forskellige metoder gør opgaven meget nemmere, mens der arbejdes med datoer og tidspunkter.

I denne artikel lærer du alt, hvad du behøver at vide om at arbejde med datoer i JavaScript. Så lad os uden videre hoppe ind.

Sådan oprettes datoobjekter

Du kan oprette et datoobjekt i JavaScript på følgende fire måder:

1. ny dato()

Det ny dato () constructor opretter et datoobjekt med den aktuelle dato og klokkeslæt.

lad d = ny Dato();
console.log (d);

Produktion:

Man 03. jan 2022 20:27:58 GMT+0530 (Indien standardtid)

2. ny dato (datostreng)

Det ny dato (datostreng) konstruktør opretter et datoobjekt ud fra en datostreng.

lad d = ny dato("2022-01-01");
console.log (d);

Produktion:

Lør 1. januar 2022 05:30:00 GMT+0530 (Indien standardtid)

3. ny dato (millisekunder)

Det ny dato (millisekunder) konstruktøren opretter et datoobjekt ved at tilføje millisekunderne til nultiden. Parameteren repræsenterer tiden i millisekunder siden 1. januar 1970 UTC.

lad d1 = ny Dato (0);
console.log (d1);
lad d2 = ny Dato (973436457364);
console.log (d2);

Produktion:

Tors 01. jan 1970 05:30:00 GMT+0530 (Indien Standard Time)
Søn 5. nov. 2000 20:30:57 GMT+0530 (Indien standardtid)

4. ny dato (år, måned, dag, timer, minutter, sekunder, millisekunder)

Det ny dato (år, måned, dag, timer, minutter, sekunder, millisekunder) constructor opretter et datoobjekt med en specificeret dato og tid. De syv parametre angiver henholdsvis år, måned, dag, timer, minutter, sekunder og millisekunder.

lad d = ny dato (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Produktion:

Ons 11. nov. 2020 15:29:46 GMT+0530 (Indien Standard Time)

Du kan også oprette et datoobjekt med seks, fire, tre eller to parametre.

a) De seks parametre angiver år, måned, dag, time, minut og sekund.

b) De fem parametre angiver år, måned, dag, time og minut.

c) De fire parametre angiver år, måned, dag og time.

d) De tre parametre angiver år, måned og dag.

e) De to parametre angiver år og måned.

Bemærk:

• JavaScript tæller måneder fra 0 til 11, dvs. januar er repræsenteret med 0, og december er repræsenteret af 11.
• Hvis du angiver værdier uden for området i Dato-objektet, vil det ikke give en fejl i stedet, det retter sig selv.

// Marts har ikke 40 dage, overløbet er autokorrigeret
lad d = ny dato (2020, 2, 40);
console.log (d);

Produktion:

Tors 09. apr 2020 00:00:00 GMT+0530 (Indien Standard Time)

JavaScript Date Hent metoder

Du kan bruge følgende metoder til at få information fra et datoobjekt.

1. getFullYear()

Denne metode returnerer året som et firecifret tal (åååå) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getFullYear());

Produktion:

2022

2. getMonth()

Denne metode returnerer måneden som et tal (0-11) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getMonth());

Produktion:

0

3. getDate()

Denne metode returnerer dagen som et tal (1-31) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getDate());

Produktion:

3

Relaterede: En introduktion til datatyper i JavaScript

4. getHours()

Denne metode returnerer timen (0-23) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getHours());

Produktion:

22

5. getMinutes()

Denne metode returnerer minuttet (0-59) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getMinutes());

Produktion:

40

6. getSeconds()

Denne metode returnerer den anden (0-59) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getSeconds());

Produktion:

30

7. getMilliseconds()

Denne metode returnerer millisekundet (0-999) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getMilliseconds());

Produktion:

55

Relaterede: JavaScript One-Liners du bør kende

8. getTime()

Denne metode returnerer tiden i millisekunder siden 1. januar 1970.

lad d = ny Dato();
console.log (d.getTime());

Produktion:

1641230088884

9. getDay()

Denne metode returnerer ugedagen som et tal (0-6) i henhold til lokal tid.

lad d = ny Dato();
console.log (d.getDay());

Produktion:

1

Bemærk: Hvis du vil arbejde med UTC-datoerne, kan du bruge følgende datometoder: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), og getUTCSeconds().

JavaScript-datoindstillingsmetoder

Du kan bruge følgende metoder til at angive en del af et datoobjekt.

1. setDate()

Denne metode indstiller dagen som et tal (1-31) for en bestemt dato i henhold til lokal tid.

lad d = ny Dato();
d.setDate (20);
console.log (d);

Produktion:

tor 20. jan 2022 22:58:59 GMT+0530 (Indien standardtid)

Relaterede: JavaScript-matematikmetoder, du bør mestre i dag

2. setFullYear()

Denne metode indstiller året for en bestemt dato i henhold til lokal tid.

lad d = ny Dato();
d.setFullYear (2016);
console.log (d);

Produktion:

Søn 3. januar 2016 23:00:41 GMT+0530 (Indien standardtid)

3. setHours()

Denne metode indstiller timen (0-23) for en bestemt dato i henhold til lokal tid.

lad d = ny Dato();
d.setHours (15);
console.log (d);

Produktion:

Man 03. jan 2022 15:02:01 GMT+0530 (Indien standardtid)

Relaterede: Sådan bygger du en simpel regnemaskine ved hjælp af HTML, CSS og JavaScript

4. setMilliseconds()

Denne metode indstiller millisekunderne (0-999) for en specificeret dato i henhold til lokal tid.

lad d = ny Dato();
d.setMilliseconds (548);
console.log (d);

Produktion:

Man 03. jan. 2022 23:04:13 GMT+0530 (Indien standardtid)

På samme måde kan du bruge setMinutes(), setMonth(), og setSeconds() metoder til at indstille henholdsvis minutter (0-59), måned (0-11) og sekunder (0-59) for en specificeret dato i henhold til lokal tid.

Eksempel på JavaScript Aktuel tid

Et simpelt eksempel på at udskrive den aktuelle tid for systemet:

Hvis du vil have et kig på den komplette kildekode, der bruges i denne artikel, er her GitHub-depot.​​​​​​​

Udvikl projekter ved hjælp af datobegreberne JavaScript

Du vil støde på mange tilfælde af JavaScript-datoer, mens du arbejder med applikationer fra den virkelige verden. Hvis du vil i gang med et simpelt projekt og få praktisk erfaring, kan du udvikle et digitalt ur ved hjælp af HTML, CSS og JavaScript. Sammen med datoer vil du også lære nogle vigtige JavaScript-koncepter som at arbejde med variabler, bruge funktioner, få adgang til og tilføje egenskaber til DOM og mere.

Sådan opretter du et digitalt ur ved hjælp af HTML, CSS og JavaScript

Koder du indtil kvidrende fugle fortæller dig, at det er morgen? Hold styr på tiden med dette brugerdefinerede ur.

Læs Næste

Om forfatteren