JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript-datumobjecten


JavaScript Date Object laat ons werken met datums:

za 29 januari 2022 20:54:26 GMT+0000 (gecoördineerde universele tijd)

Voorbeeld

const d = new Date();

JavaScript-datumuitvoer

JavaScript gebruikt standaard de tijdzone van de browser en geeft een datum weer als een volledige tekstreeks:

za 29 januari 2022 20:54:26 GMT+0000 (gecoördineerde universele tijd)

Later in deze zelfstudie leert u veel meer over het weergeven van datums.


Datumobjecten maken

Datumobjecten worden gemaakt met de new Date()constructor.

Er zijn 4 manieren om een ​​nieuw datumobject aan te maken:

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

nieuwe datum()

new Date()maakt een nieuw datumobject met de huidige datum en tijd :

Voorbeeld

const d = new Date();

Datumobjecten zijn statisch. De computertijd tikt, maar datumobjecten niet.


nieuwe Datum( jaar, maand, ... )

new Date(year, month, ...)maakt een nieuw datumobject aan met een opgegeven datum en tijd .

7 cijfers specificeren jaar, maand, dag, uur, minuut, seconde en milliseconde (in die volgorde):

Voorbeeld

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Opmerking: JavaScript telt maanden van 0 tot 11 :

januari = 0 .

december = 11 .

Het specificeren van een maand hoger dan 11 resulteert niet in een fout maar telt de overflow op bij het volgende jaar:

Specificeren:

const d = new Date(2018, 15, 24, 10, 33, 30);

Is hetzelfde als:

const d = new Date(2019, 3, 24, 10, 33, 30);

Het specificeren van een dag hoger dan max, resulteert niet in een fout maar voegt de overflow toe aan de volgende maand:

Specificeren:

const d = new Date(2018, 5, 35, 10, 33, 30);

Is hetzelfde als:

const d = new Date(2018, 6, 5, 10, 33, 30);

6, 4, 3 of 2 cijfers gebruiken

6 cijfers specificeren jaar, maand, dag, uur, minuut, seconde:

Voorbeeld

const d = new Date(2018, 11, 24, 10, 33, 30);

5 cijfers specificeren jaar, maand, dag, uur en minuut:

Voorbeeld

const d = new Date(2018, 11, 24, 10, 33);

4 cijfers specificeren jaar, maand, dag en uur:

Voorbeeld

const d = new Date(2018, 11, 24, 10);

3 cijfers specificeren jaar, maand en dag:

Voorbeeld

const d = new Date(2018, 11, 24);

2 cijfers specificeren jaar en maand:

Voorbeeld

const d = new Date(2018, 11);

U kunt de maand niet overslaan. Als u slechts één parameter opgeeft, wordt deze behandeld als milliseconden.

Voorbeeld

const d = new Date(2018);

Vorige eeuw

Jaartallen van één en twee cijfers worden geïnterpreteerd als 19xx:

Voorbeeld

const d = new Date(99, 11, 24);

Voorbeeld

const d = new Date(9, 11, 24);

nieuwe datum( dateString )

new Date(dateString)maakt een nieuw datumobject van een datumreeks :

Voorbeeld

const d = new Date("October 13, 2014 11:13:00");

Datumstrings worden beschreven in het volgende hoofdstuk.


JavaScript slaat datums op als milliseconden

JavaScript slaat datums op als aantal milliseconden sinds 01 januari 1970, 00:00:00 UTC (Universal Time Coordinated).

Nultijd is 01 januari 1970 00:00:00 UTC.

Nu is de tijd: 1643489666650 milliseconden voorbij 01 januari 1970


nieuwe datum ( milliseconden )

new Date(milliseconds)maakt een nieuw datumobject aan als nultijd plus milliseconden :

Voorbeeld

const d = new Date(0);

01 januari 1970 plus 100 000 000 000 milliseconden is ongeveer 3 maart 1973:

Voorbeeld

const d = new Date(100000000000);

01 januari 1970 minus 100 000 000 000 milliseconden is ongeveer 31 oktober 1966:

Voorbeeld

const d = new Date(-100000000000);

Voorbeeld

const d = new Date(86400000);

Een dag (24 uur) is 86 400 000 milliseconden.



Datum Methoden

Wanneer een Date-object is gemaakt, kunt u er op een aantal manieren mee werken.

Met datummethoden kunt u het jaar, de maand, de dag, het uur, de minuut, de seconde en de milliseconde van datumobjecten ophalen en instellen, met behulp van lokale tijd of UTC (universele of GMT) tijd.

Datummethoden en tijdzones worden in de volgende hoofdstukken behandeld.


Datums weergeven

JavaScript voert (standaard) datums uit in volledige tekstreeksindeling:

Voorbeeld

Sat Jan 29 2022 20:54:26 GMT+0000 (Coordinated Universal Time)

Wanneer u een datumobject in HTML weergeeft, wordt het automatisch geconverteerd naar een string, met de toString()methode.

Voorbeeld

const d = new Date();
d.toString();

De toUTCString()methode converteert een datum naar een UTC-tekenreeks (een standaard voor datumweergave).

Voorbeeld

const d = new Date();
d.toUTCString();

De toDateString()methode converteert een datum naar een beter leesbaar formaat:

Voorbeeld

const d = new Date();
d.toDateString();

De toISOString()methode converteert een Date-object naar een string, met behulp van het ISO-standaardformaat:

Voorbeeld

const d = new Date();
d.toISOString();

Volledige JavaScript-datumreferentie

Ga voor een volledige datumreferentie naar onze:

Volledige JavaScript-datumreferentie .

De referentie bevat beschrijvingen en voorbeelden van alle eigenschappen en methoden van Date.