Datums opmaken
Geef datums weer met opties van toLocaleDateString.
Datums opmaken is een gratis JavaScript Academy-les op CoddyKit. Dit is les 3 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject JavaScript Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus JavaScript Academy bevat in totaal 4 lessen.
Datums opmaken
JavaScript biedt verschillende ingebouwde methoden om een datum om te zetten in leesbare tekst, van uitvoer die rekening houdt met de landinstelling tot gestandaardiseerde ISO-tekenreeksen.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString geeft een gestandaardiseerde tekenreeks in UTC terug. Die is ideaal voor opslag en gegevensuitwisseling omdat hij ondubbelzinnig is.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())De ISO-tekenreeks inkorten
De ISO-tekenreeks zet de datum vooraan, zodat je de eerste tien tekens kunt afsplitsen om alleen de kalenderdatum over te houden.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString maakt het datumgedeelte op volgens een landinstelling, waardoor de uitvoer past bij de betreffende regio.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)Argument voor de landinstelling
Het eerste argument is een landinstellingstag zoals en-US of de-DE. Die verandert de volgorde en scheidingstekens van de opgemaakte datum.
const d = new Date(Date.UTC(2024, 0, 15))
const us = d.toLocaleDateString("en-US", { timeZone: "UTC" })
const iso = d.toISOString().slice(0, 10)
console.log(typeof us, iso)Opmaakopties
Met een optieobject kun je kiezen hoe elk onderdeel wordt weergegeven, bijvoorbeeld met een volledige maandnaam of een numeriek jaar.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", timeZone: "UTC" })
console.log(typeof text)toLocaleTimeString
toLocaleTimeString maakt alleen het tijdsgedeelte op en houdt daarbij opnieuw rekening met de landinstelling en de opties die je opgeeft.
const d = new Date(Date.UTC(2024, 0, 15, 14, 5, 0))
const text = d.toLocaleTimeString("en-US", { timeZone: "UTC" })
console.log(typeof text)toLocaleString
toLocaleString combineert datum en tijd in één tekenreeks volgens de landinstelling.
const d = new Date(Date.UTC(2024, 0, 15, 9, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)toDateString
toDateString geeft een vaste, voor mensen leesbare Engelse datum zonder opties voor de landinstelling. Dat is handig voor snelle logboekregistratie.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Voor herhaalde opmaak maakt Intl.DateTimeFormat een herbruikbaar opmaakobject. Dat is efficiënter dan de methoden voor landinstellingen steeds opnieuw aan te roepen.
const fmt = new Intl.DateTimeFormat("en-US", { timeZone: "UTC", dateStyle: "medium" })
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof fmt.format(d))Een indeling kiezen
Gebruik ISO-tekenreeksen voor opslag en API's, en methoden voor landinstellingen voor de weergave aan gebruikers in hun regio. Houd deze verantwoordelijkheden gescheiden.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Korte controle
Test je kennis over opmaak.
Samenvatting
Samenvatting: Kies de juiste opmaakmethode voor de taak.
- toISOString voor opslag en API's
- toLocaleDateString en vergelijkbare methoden voor weergave aan gebruikers
- Opties bepalen maandnamen en getalnotaties
- Intl.DateTimeFormat is efficiënt voor herhaalde opmaak
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))
Leer JavaScript met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 59
- Lessen
- 200
Veelgestelde vragen
Is de les “Datums opmaken” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad JavaScript Academy, waaronder “Datums opmaken”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus JavaScript Academy bevat in totaal 4 lessen.
Wat leer ik in “Datums opmaken”?
Geef datums weer met opties van toLocaleDateString. Je oefent met JavaScript Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met JavaScript Academy te beginnen?
Ervaring vooraf is niet nodig. JavaScript Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.
Hoe lang duurt de les “Datums opmaken”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over JavaScript Academy?
Ja. Elke les over JavaScript Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.