FormatDate

Toont een datum netjes opgemaakt in de taal van je site.

Toont een datum netjes opgemaakt in de taal van je site — bijvoorbeeld '8 juni 2026' in plaats van een kale datumcode. Handig bij records met een datum.

Gebruik dit block overal waar een datum uit een record wordt getoond: publicatiedatum van een artikel, startdatum van een evenement, laatst-bewerkt-datum van een pagina. Zonder FormatDate toont een datumveld de ruwe ISO-waarde (2026-06-08), wat voor bezoekers minder leesbaar is.

Omdat de opmaak automatisch de sitetaal volgt, hoef je bij een meertalige site geen aparte datumnotatie per taal bij te houden — Engelstalige bezoekers zien vanzelf 'June 8, 2026' in plaats van de Nederlandse notatie.

Gebruiksscenario's per site-type

Op een webshop toont FormatDate bijvoorbeeld de verwachte levertijd of de datum van een actie: 'Besteld vóór 16:00, morgen in huis' leest prettiger met een correct opgemaakte datum dan met een ruwe tijdstempel. Een portfolio-site gebruikt dit block om de opleverdatum van een project te tonen naast elke case. Bij een zakelijke dienstverlener met een kennisbank of nieuwspagina toont FormatDate de publicatiedatum van elk artikel, vaak in combinatie met een Records-lijst die alle berichten chronologisch opsomt.

Een veelgemaakte fout is de datum als losse tekststring in het record opslaan in plaats van als echt datumveld — dan kan FormatDate de waarde niet correct interpreteren en verschijnt de ruwe tekst alsnog. Zorg dat het onderliggende veld in je datatype het type 'datum' heeft, niet 'tekst'.

Bij evenementenpagina's is het gebruikelijk FormatDate te combineren met een tijdsaanduiding: toon naast de datum ook het begintijdstip, zodat een bezoeker in één keer weet wanneer een webinar of workshop begint. Voor een reeks evenementen op een overzichtspagina zorgt een consequente datumnotatie er bovendien voor dat de lijst visueel rustig oogt, ook als items uit verschillende maanden door elkaar staan.

Voor performance is er weinig om rekening mee te houden: de opmaak gebeurt direct client-side op basis van de taal van de pagina, zonder extra netwerkverzoek. Dat maakt dit block ook geschikt voor lijsten met tientallen datums tegelijk, zoals een archiefpagina met alle kennisbankartikelen op datum gesorteerd.

date.jsx
<FormatDate value='2026-06-08' date-style='long' />