En introduktion till datum och tider i JavaScript

Att arbeta med datum är en viktig aspekt av programmering. Det inbyggda datumobjektet används för att arbeta med datum och tider i JavaScript. De olika metoderna för datumobjektet gör uppgiften mycket enklare när du arbetar med datum och tider.

I den här artikeln får du lära dig allt du behöver veta om att arbeta med datum i JavaScript. Så, utan vidare, låt oss hoppa in.

Hur man skapar datumobjekt

Du kan skapa ett datumobjekt i JavaScript på följande fyra sätt:

1. nytt datum()

De nytt datum () konstruktorn skapar ett datumobjekt med aktuellt datum och tid.

låt d = new Date();
console.log (d);

Produktion:

Mån 3 januari 2022 20:27:58 GMT+0530 (Indien standardtid)

2. nytt datum (datumsträng)

De nytt datum (datumsträng) konstruktorn skapar ett datumobjekt från en datumsträng.

låt d = nytt datum("2022-01-01");
console.log (d);

Produktion:

lör 1 januari 2022 05:30:00 GMT+0530 (Indien standardtid)

3. nytt datum (millisekunder)

De nytt datum (millisekunder) konstruktorn skapar ett datumobjekt genom att lägga till millisekunderna till nolltiden. Parametern representerar tiden i millisekunder sedan 1 januari 1970 UTC.

låt d1 = nytt datum (0);
console.log (d1);
låt d2 = nytt datum (973436457364);
console.log (d2);

Produktion:

Tors 1 januari 1970 05:30:00 GMT+0530 (Indien standardtid)
Sön 5 nov 2000 20:30:57 GMT+0530 (Indien standardtid)

4. nytt datum (år, månad, dag, timmar, minuter, sekunder, millisekunder)

De nytt datum (år, månad, dag, timmar, minuter, sekunder, millisekunder) konstruktorn skapar ett datumobjekt med ett angivet datum och tid. De sju parametrarna anger år, månad, dag, timmar, minuter, sekunder respektive millisekunder.

låt d = nytt datum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Produktion:

Ons 11 nov 2020 15:29:46 GMT+0530 (Indien standardtid)

Du kan också skapa ett datumobjekt med sex, fyra, tre eller två parametrar.

a) De sex parametrarna anger år, månad, dag, timme, minut och sekund.

b) De fem parametrarna anger år, månad, dag, timme och minut.

c) De fyra parametrarna anger år, månad, dag och timme.

d) De tre parametrarna anger år, månad och dag.

e) De två parametrarna anger år och månad.

Notera:

• JavaScript räknar månader från 0 till 11, dvs. januari representeras av 0 och december representeras av 11.
• Om du anger värden utanför intervallet i Date-objektet kommer det inte att skapa ett fel istället, det korrigerar sig självt automatiskt.

// Mars har inte 40 dagar, överflödet korrigeras automatiskt
låt d = nytt datum (2020, 2, 40);
console.log (d);

Produktion:

tor 09 apr 2020 00:00:00 GMT+0530 (Indien standardtid)

JavaScript Date Get Methods

Du kan använda följande metoder för att få information från ett datumobjekt.

1. getFullYear()

Denna metod returnerar året som ett fyrsiffrigt tal (åååå) enligt lokal tid.

låt d = new Date();
console.log (d.getFullYear());

Produktion:

2022

2. getMonth()

Denna metod returnerar månaden som ett tal (0-11) enligt lokal tid.

låt d = new Date();
console.log (d.getMonth());

Produktion:

0

3. getDate()

Denna metod returnerar dagen som ett tal (1-31) enligt lokal tid.

låt d = new Date();
console.log (d.getDate());

Produktion:

3

Relaterad: En introduktion till datatyper i JavaScript

4. getHours()

Denna metod returnerar timmen (0-23) enligt lokal tid.

låt d = new Date();
console.log (d.getHours());

Produktion:

22

5. getMinutes()

Denna metod returnerar minuten (0-59) enligt lokal tid.

låt d = new Date();
console.log (d.getMinutes());

Produktion:

40

6. getSeconds()

Denna metod returnerar sekunden (0-59) enligt lokal tid.

låt d = new Date();
console.log (d.getSeconds());

Produktion:

30

7. getMilliseconds()

Denna metod returnerar millisekunden (0-999) enligt lokal tid.

låt d = new Date();
console.log (d.getMilliseconds());

Produktion:

55

Relaterad: JavaScript One-Liner du bör känna till

8. få tid()

Denna metod returnerar tiden i millisekunder sedan 1 januari 1970.

låt d = new Date();
console.log (d.getTime());

Produktion:

1641230088884

9. getDay()

Denna metod returnerar veckodagen som ett tal (0-6) enligt lokal tid.

låt d = new Date();
console.log (d.getDay());

Produktion:

1

Notera: Om du vill arbeta med UTC-datum kan du använda följande datummetoder: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), och getUTCSeconds().

JavaScript-metoder för datuminställning

Du kan använda följande metoder för att ställa in en del av ett datumobjekt.

1. bestämma datum()

Denna metod ställer in dagen som ett nummer (1-31) för ett angivet datum enligt lokal tid.

låt d = new Date();
d.setDate (20);
console.log (d);

Produktion:

Tors 20 januari 2022 22:58:59 GMT+0530 (Indien standardtid)

Relaterad: JavaScript-matematikmetoder du bör behärska idag

2. setFullYear()

Denna metod ställer in året för ett angivet datum enligt lokal tid.

låt d = new Date();
d.setFullYear (2016);
console.log (d);

Produktion:

Sön 3 januari 2016 23:00:41 GMT+0530 (Indien standardtid)

3. setHours()

Denna metod ställer in timmen (0-23) för ett angivet datum enligt lokal tid.

låt d = new Date();
d.setHours (15);
console.log (d);

Produktion:

Mån 3 januari 2022 15:02:01 GMT+0530 (Indien standardtid)

Relaterad: Hur man bygger en enkel kalkylator med HTML, CSS och JavaScript

4. setMilliseconds()

Denna metod ställer in millisekunderna (0-999) för ett angivet datum enligt lokal tid.

låt d = new Date();
d.setMilliseconds (548);
console.log (d);

Produktion:

Mån 3 januari 2022 23:04:13 GMT+0530 (Indien standardtid)

På samma sätt kan du använda setMinutes(), setMonth(), och setSeconds() metoder för att ställa in minuter (0-59), månad (0-11) respektive sekunder (0-59) för ett angivet datum enligt lokal tid.

Exempel på JavaScript aktuell tid

Ett enkelt exempel för att skriva ut aktuell tid för systemet:

Om du vill ta en titt på den fullständiga källkoden som används i den här artikeln, här är GitHub-förråd.​​​​​​​

Utveckla projekt med hjälp av JavaScripts datumkoncept

Du kommer att stöta på många fall av JavaScript-datum när du arbetar med verkliga applikationer. Om du vill komma igång med ett enkelt projekt och få praktisk erfarenhet kan du utveckla en digital klocka med HTML, CSS och JavaScript. Tillsammans med datum kommer du också att lära dig några viktiga JavaScript-koncept som att arbeta med variabler, använda funktioner, komma åt och lägga till egenskaper till DOM och mer.

Hur man skapar en digital klocka med HTML, CSS och JavaScript

Kodar du tills fågelkvitter berättar att det är morgon? Håll koll på tiden med denna anpassade klocka.

Läs Nästa

Om författaren