En introduksjon til datoer og klokkeslett i JavaScript

Å jobbe med datoer er et viktig aspekt ved programmering. Det innebygde datoobjektet brukes til å jobbe med datoer og klokkeslett i JavaScript. De ulike metodene til datoobjektet gjør oppgaven mye enklere mens du arbeider med datoer og klokkeslett.

I denne artikkelen lærer du alt du trenger å vite om å jobbe med datoer i JavaScript. Så, uten videre, la oss hoppe inn.

Hvordan lage datoobjekter

Du kan opprette et datoobjekt i JavaScript på følgende fire måter:

1. ny dato()

De ny dato() konstruktør oppretter et datoobjekt med gjeldende dato og klokkeslett.

la d = ny dato();
console.log (d);

Produksjon:

Man 03 Jan 2022 20:27:58 GMT+0530 (India Standard Time)

2. ny dato (datostreng)

De ny dato (datostreng) konstruktør oppretter et datoobjekt fra en datostreng.

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

Produksjon:

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

3. ny dato (millisekunder)

De ny dato (millisekunder) konstruktør oppretter et datoobjekt ved å legge til millisekunder til nulltiden. Parameteren representerer tiden i millisekunder siden 1. januar 1970 UTC.

la d1 = ny dato (0);
console.log (d1);
la d2 = ny dato (973436457364);
console.log (d2);

Produksjon:

Tors 01 Jan 1970 05:30:00 GMT+0530 (India Standard Time)
Søn 5. november 2000 20:30:57 GMT+0530 (India standardtid)

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

De ny dato (år, måned, dag, timer, minutter, sekunder, millisekunder) konstruktør oppretter et datoobjekt med en spesifisert dato og klokkeslett. De syv parameterne spesifiserer henholdsvis år, måned, dag, timer, minutter, sekunder og millisekunder.

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

Produksjon:

ons 11. november 2020 15:29:46 GMT+0530 (India standardtid)

Du kan også opprette et datoobjekt med seks, fire, tre eller to parametere.

a) De seks parameterne spesifiserer år, måned, dag, time, minutt og sekund.

b) De fem parameterne spesifiserer år, måned, dag, time og minutt.

c) De fire parameterne spesifiserer år, måned, dag og time.

d) De tre parameterne spesifiserer år, måned og dag.

e) De to parameterne spesifiserer år og måned.

Merk:

• JavaScript teller måneder fra 0 til 11, dvs. januar er representert med 0, og desember er representert med 11.
• Hvis du spesifiserer verdier utenfor området i Date-objektet, vil det ikke gi en feil i stedet, det korrigerer seg selv automatisk.

// Mars har ikke 40 dager, overløpet er autokorrigert
la d = ny dato (2020, 2, 40);
console.log (d);

Produksjon:

Tor 09. april 2020 00:00:00 GMT+0530 (India standardtid)

JavaScript Date Get Methods

Du kan bruke følgende metoder for å hente informasjon fra et datoobjekt.

1. getFullYear()

Denne metoden returnerer året som et firesifret tall (åååå) i henhold til lokal tid.

la d = ny dato();
console.log (d.getFullYear());

Produksjon:

2022

2. getMonth()

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

la d = ny dato();
console.log (d.getMonth());

Produksjon:

0

3. getDate()

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

la d = ny dato();
console.log (d.getDate());

Produksjon:

3

I slekt: En introduksjon til datatyper i JavaScript

4. getHours()

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

la d = ny dato();
console.log (d.getHours());

Produksjon:

22

5. getMinutes()

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

la d = ny dato();
console.log (d.getMinutes());

Produksjon:

40

6. getSeconds()

Denne metoden returnerer den andre (0-59) i henhold til lokal tid.

la d = ny dato();
console.log (d.getSeconds());

Produksjon:

30

7. getMilliseconds()

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

la d = ny dato();
console.log (d.getMilliseconds());

Produksjon:

55

I slekt: JavaScript One-Liner du bør kjenne til

8. getTime()

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

la d = ny dato();
console.log (d.getTime());

Produksjon:

1641230088884

9. getDay()

Denne metoden returnerer ukedagen som et tall (0-6) i henhold til lokal tid.

la d = ny dato();
console.log (d.getDay());

Produksjon:

1

Merk: Hvis du vil jobbe med UTC-datoene, kan du bruke følgende datometoder: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), og getUTCSeconds().

JavaScript-datosettmetoder

Du kan bruke følgende metoder for å angi en del av et datoobjekt.

1. setDate()

Denne metoden setter dagen som et tall (1-31) for en spesifisert dato i henhold til lokal tid.

la d = ny dato();
d.setDate (20);
console.log (d);

Produksjon:

Tors 20. januar 2022 22:58:59 GMT+0530 (India standardtid)

I slekt: JavaScript matematikkmetoder du bør mestre i dag

2. setFullYear()

Denne metoden setter året for en spesifisert dato i henhold til lokal tid.

la d = ny dato();
d.setFullYear (2016);
console.log (d);

Produksjon:

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

3. setHours()

Denne metoden setter timen (0-23) for en spesifisert dato i henhold til lokal tid.

la d = ny dato();
d.setHours (15);
console.log (d);

Produksjon:

Man 03. januar 2022 15:02:01 GMT+0530 (India standardtid)

I slekt: Hvordan bygge en enkel kalkulator ved å bruke HTML, CSS og JavaScript

4. setMilliseconds()

Denne metoden angir millisekunder (0-999) for en spesifisert dato i henhold til lokal tid.

la d = ny dato();
d.setMilliseconds (548);
console.log (d);

Produksjon:

Man 03. januar 2022 23:04:13 GMT+0530 (India standardtid)

På samme måte kan du bruke setMinutes(), setMonth(), og setSeconds() metoder for å stille inn henholdsvis minutter (0-59), måned (0-11) og sekunder (0-59) for en spesifisert dato i henhold til lokal tid.

JavaScript gjeldende tid eksempel

Et enkelt eksempel for å skrive ut gjeldende tid for systemet:

Hvis du vil ta en titt på den fullstendige kildekoden som brukes i denne artikkelen, her er GitHub-depot.​​​​​​​

Utvikle prosjekter ved å bruke datobegrepene til JavaScript

Du vil støte på mange tilfeller av JavaScript-datoer mens du arbeider med applikasjoner fra den virkelige verden. Hvis du vil komme i gang med et enkelt prosjekt og få praktisk erfaring, kan du utvikle en digital klokke ved hjelp av HTML, CSS og JavaScript. Sammen med datoer vil du også lære noen viktige JavaScript-konsepter som å jobbe med variabler, bruke funksjoner, få tilgang til og legge til egenskaper til DOM og mer.

Hvordan lage en digital klokke ved hjelp av HTML, CSS og JavaScript

Koder du til fuglekvitter gir beskjed om at det er morgen? Hold styr på tiden med denne tilpassede klokken.

Les Neste

Om forfatteren