Een inleiding tot datums en tijden in JavaScript

Het werken met datums is een belangrijk aspect van programmeren. Het ingebouwde datumobject wordt gebruikt om met datums en tijden in JavaScript te werken. De verschillende methoden van het date-object maken de taak een stuk eenvoudiger tijdens het werken met datums en tijden.

In dit artikel leert u alles wat u moet weten over het werken met datums in JavaScript. Dus, zonder verder oponthoud, laten we instappen.

Datumobjecten maken

U kunt op de volgende vier manieren een datumobject in JavaScript maken:

1. nieuwe datum()

De nieuwe datum() constructor maakt een datumobject met de huidige datum en tijd.

laat d = nieuwe Datum();
console.log (d);

Uitgang::

ma 03 jan 2022 20:27:58 GMT+0530 (Indiase standaardtijd)

2. nieuwe datum (datumstring)

De nieuwe datum (datumstring) constructor maakt een datumobject van een datumtekenreeks.

laat d = nieuwe datum ("2022-01-01");
console.log (d);

Uitgang::

za 01 jan 2022 05:30:00 GMT+0530 (Indiase standaardtijd)

3. nieuwe datum (milliseconden)

De nieuwe datum (milliseconden)

constructor maakt een datumobject door de milliseconden toe te voegen aan de nultijd. De parameter vertegenwoordigt de verstreken tijd in milliseconden sinds 1 januari 1970 UTC.

laat d1 = nieuwe Datum (0);
console.log (d1);
laat d2 = nieuwe datum (973436457364);
console.log (d2);

Uitgang::

Do 01 jan 1970 05:30:00 GMT+0530 (Indiase standaardtijd)
zo 05 november 2000 20:30:57 GMT+0530 (Indiase standaardtijd)

4. nieuwe datum (jaar, maand, dag, uren, minuten, seconden, milliseconden)

De nieuwe datum (jaar, maand, dag, uren, minuten, seconden, milliseconden) constructor maakt een datumobject met een opgegeven datum en tijd. De zeven parameters specificeren respectievelijk het jaar, de maand, de dag, de uren, minuten, seconden en milliseconden.

laat d = nieuwe Datum (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Uitgang::

wo 11 november 2020 15:29:46 GMT+0530 (Indiase standaardtijd)

U kunt ook een datumobject maken met zes, vier, drie of twee parameters.

a) De zes parameters specificeren jaar, maand, dag, uur, minuut en seconde.

b) De vijf parameters specificeren jaar, maand, dag, uur en minuut.

c) De vier parameters specificeren jaar, maand, dag en uur.

d) De drie parameters specificeren jaar, maand en dag.

e) De twee parameters specificeren jaar en maand.

Opmerking:

• JavaScript telt maanden van 0 tot 11, d.w.z. januari wordt weergegeven door 0 en december wordt weergegeven door 11.
• Als u waarden buiten het bereik opgeeft in het object Date, zal het in plaats daarvan geen fout genereren, maar zichzelf automatisch corrigeren.

// Maart heeft geen 40 dagen, de overloop wordt automatisch gecorrigeerd
laat d = nieuwe Datum (2020, 2, 40);
console.log (d);

Uitgang::

do 09 apr 2020 00:00:00 GMT+0530 (Indiase standaardtijd)

JavaScript-datum Ophaalmethoden

U kunt de volgende methoden gebruiken om informatie uit een datumobject te halen.

1. getFullYear()

Deze methode retourneert het jaar als een viercijferig getal (jjjj) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getFullYear());

Uitgang::

2022

2. getMonth()

Deze methode retourneert de maand als een getal (0-11) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getMonth());

Uitgang::

0

3. krijg datum()

Deze methode retourneert de dag als een getal (1-31) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getDate());

Uitgang::

3

Verwant: Een inleiding tot gegevenstypen in JavaScript

4. getHours()

Deze methode retourneert het uur (0-23) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getHours());

Uitgang::

22

5. getMinuten()

Deze methode retourneert de minuten (0-59) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getMinutes());

Uitgang::

40

6. getSeconds()

Deze methode retourneert de tweede (0-59) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getSeconds());

Uitgang::

30

7. getMilliseconden()

Deze methode retourneert de milliseconde (0-999) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getMilliseconds());

Uitgang::

55

Verwant: JavaScript-oneliners die u moet kennen

8. krijg tijd()

Deze methode retourneert de tijd in milliseconden sinds 1 januari 1970.

laat d = nieuwe Datum();
console.log (d.getTime());

Uitgang::

1641230088884

9. getDay()

Deze methode retourneert de weekdag als een getal (0-6) volgens de lokale tijd.

laat d = nieuwe Datum();
console.log (d.getDay());

Uitgang::

1

Opmerking: Als u met de UTC-datums wilt werken, kunt u de volgende datummethoden gebruiken: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconden(), getUTCMinutes(), getUTCMonth(), en getUTCSeconds().

Methoden voor het instellen van JavaScript-datum

U kunt de volgende methoden gebruiken om een ​​deel van een datumobject in te stellen.

1. setDate()

Deze methode stelt de dag in als een getal (1-31) voor een gespecificeerde datum volgens de lokale tijd.

laat d = nieuwe Datum();
d.setDate (20);
console.log (d);

Uitgang::

Do 20 jan 2022 22:58:59 GMT+0530 (Indiase standaardtijd)

Verwant: JavaScript-wiskundige methoden die u vandaag moet beheersen

2. setFullYear()

Deze methode stelt het jaar in voor een gespecificeerde datum volgens de lokale tijd.

laat d = nieuwe Datum();
d.setFullYear (2016);
console.log (d);

Uitgang::

zo jan 03 2016 23:00:41 GMT+0530 (Indiase standaardtijd)

3. setHours()

Deze methode stelt het uur (0-23) in voor een gespecificeerde datum volgens de lokale tijd.

laat d = nieuwe Datum();
d.setHours (15);
console.log (d);

Uitgang::

ma 03 jan 2022 15:02:01 GMT+0530 (Indiase standaardtijd)

Verwant: Een eenvoudige rekenmachine bouwen met HTML, CSS en JavaScript

4. setMilliseconden()

Deze methode stelt de milliseconden (0-999) in voor een gespecificeerde datum volgens de lokale tijd.

laat d = nieuwe Datum();
d.setMilliseconden (548);
console.log (d);

Uitgang::

ma 03 jan 2022 23:04:13 GMT+0530 (Indiase standaardtijd)

Op dezelfde manier kunt u de setminuten(), setMonth(), en setSeconden() methoden om de minuten (0-59), maand (0-11) en seconden (0-59) respectievelijk in te stellen voor een gespecificeerde datum volgens de lokale tijd.

Voorbeeld van huidige tijd van JavaScript

Een eenvoudig voorbeeld om de huidige tijd van het systeem af te drukken:

Als je de volledige broncode wilt bekijken die in dit artikel wordt gebruikt, is hier de: GitHub-opslagplaats.​​​​​​​

Projecten ontwikkelen met behulp van de datumconcepten van JavaScript

U zult veel gevallen van JavaScript-datums tegenkomen tijdens het werken aan toepassingen in de echte wereld. Als u aan de slag wilt met een eenvoudig project en praktische ervaring wilt opdoen, kunt u een digitale klok ontwikkelen met HTML, CSS en JavaScript. Naast datums leer je ook enkele belangrijke JavaScript-concepten, zoals werken met variabelen, functies gebruiken, toegang krijgen tot en eigenschappen toevoegen aan DOM, en meer.

Een digitale klok maken met HTML, CSS en JavaScript

Codeer je totdat tsjilpende vogels je vertellen dat het ochtend is? Houd de tijd bij met deze aangepaste klok.

Lees volgende

Over de auteur