Datumveld
Versamel datums met presisie en beheer. Van afspraakbesprekings tot geboortedatums met buigsame formatering, datumreeksbeperkings en slim validering – die Datumveld bied inheemse kalenderkiesers kragtige kontroles vir vorige datums, toekomstige datums, naweke en persoonlike reekse.
Professionele Datumversameling met Slim Validasie
Ideaal vir:
Kragtige kenmerke vir elke gebruiksgeval
📅 Vier Datumformate
Kies Streeksvoorkeure:
Eerste jaar: 2023-12-31 (ISO 8601)
Internasionale standaardformaat. Die beste vir databasisse, sortering en tegniese toepassings.
Maand eerste: 31/12/2023 (VS-styl)
Amerikaanse formaat. Mees bekend aan Amerikaanse gebruikers met maand-dag-jaar volgorde.
Dag eerste: 31/12/2023 (VK-styl)
Britse/Europese formaat met dag-maand-jaar volgorde. Algemeen internasionaal.
Dag eerste met strepies: 31-12-2023
Alternatiewe Europese formaat met strepies in plaas van skuinsstrepe.
Waarom Formaat Saak Maak:
Stem ooreen met gebruikersverwagtinge per streek
Voorkom verwarring en foute
Verseker konsekwente databerging
Verbeter vormvoltooiingsyfers
Vertoonaanpassing:
Formaat beïnvloed hoe datums vir gebruikers verskyn terwyl die standaardbergingsformaat intern gehandhaaf word.
📏 Datumreeksbeperkings
Beheer Kiesbare Datums:
Eerste Toegelate Datum (Minimum):
Stel die vroegste datum wat gebruikers kan kies. Datums voor hierdie datum is gedeaktiveer in die kalenderkieser.
Voorbeelde:
- Geleentheidsregistrasie: Minimum datum = datum van aankondiging van die geleentheid
- Afsprake: Minimum datum = vandag (geen vorige besprekings nie)
- Historiese data: Minimum datum = maatskappy se stigtingsdatum
- Projek sperdatums: Minimum datum = projek begindatum
Laaste Toegelate Datum (Maksimum):
Stel die jongste datum wat gebruikers kan kies. Datums daarna is gedeaktiveer in die kalenderkieser.
Voorbeelde:
- Vroeëvoëlregistrasie: Maksimum datum = sperdatum
- Beperkte beskikbaarheid: Maksimum datum = laaste beskikbare datum
- Historiese rekords: Maksimum datum = vandag
- Spesifieke tydsraamwerk: Maksimum datum = einde van promosie
Vinnige Stelknoppies:
Stel min/maks datums na vandag met een klik, of verwyder beperkings onmiddellik.
⏮️ Blokkeer Verlede Datums
Voorkom die keuse van vorige datums:
Aktiveer "Blokkeer Verlede Datums" om alle datums voor vandag te deaktiveer. Gebruikers kan slegs vandag of toekomstige datums kies.
Ideaal vir:
- Afspraakbesprekings (geen vorige afsprake nie)
- Geleentheidsregistrasie (slegs komende geleenthede)
- Keuse van afleweringsdatum (toekomstige aflewerings)
- Besprekingstelsels (vooruitbesprekings)
- Sperdatums (moet in die toekoms wees)
Slim gedrag:
Dateer outomaties daagliks op – vandag se datum is altyd geldig, gister se datum word gedeaktiveer. Geen handmatige datumbestuur nodig nie.
Kombineer met ander beperkings:
Gebruik dit saam met die maksimum datum om toekomstige vensters te skep (bv. besprekings van vandag tot 30 dae vantevore).
⏭️ Blokkeer toekomstige datums
Voorkom die keuse van komende datums:
Aktiveer "Blokkeer Toekomstige Datums" om alle datums na vandag te deaktiveer. Gebruikers kan slegs vandag of vorige datums kies.
Ideaal vir:
- Geboortedatumversameling (kan nie toekomstig wees nie)
- Historiese gebeurtenisdatums (slegs verlede)
- Ervaring se begindatums (wanneer het jy begin?)
- Voltooiingsdatums (reeds gebeur)
- Herdenkingsdatums (verlede gebeurtenisse)
Werklike gebruik:
Verseker logiese datuminvoer – geboortedatums, aanstellingsdatums, gradueringsdatums moet in die verlede wees.
Ingeboude validering:
Blaaier voorkom outomaties ongeldige keuses. Geen verwarrende foutboodskappe nodig nie.
📆 Deaktiveer naweke
Blok Saterdag & Sondag Keuse:
Aktiveer "Geen Naweekseleksie" om Saterdae en Sondae in die kalenderkieser te deaktiveer. Slegs weeksdae (Maandag-Vrydag) kan gekies word.
Ideaal vir:
- Besprekings van sake-afsprake
- Kantoor afleweringskedulering
- Konsultasiedatumkeuse
- Diensafsprake (slegs Maandag tot Vrydag)
- B2B-vergaderingskedulering
Slim interaksies:
As die gebruiker op een of ander manier 'n naweek kies (via sleutelbord), korrigeer die stelsel outomaties na volgende Maandag. Naatlose beskerming.
Kombineer met ander opsies:
Werk met vorige/toekomstige beperkings – slegs weeksdae binne die toegelate reeks is kiesbaar.
🎯 Standaarddatumopsies
Voorafgekiesde begindatums:
Geen vooraf gekose datum (leeg):
Veld begin leeg. Gebruikers moet aktief 'n datum kies. Die beste vir datums wat baie verskil.
Vandag se datum:
Vul outomaties vooraf met die huidige datum in wanneer die vorm laai. Dateer dinamies elke dag op.
Gebruik gevalle:
- "Datum van navraag" velde
- Tydstempelvorms
- Dokumentasie op die huidige datum
- Vandag se skedulekeuses
Môre se datum:
Vul outomaties vooraf in met môre se datum. Perfek vir besprekings vir die volgende dag.
Gebruik gevalle:
- Keuse vir aflewering volgende dag
- Môre se afspraakbesprekings
- Toekomstige gebeurtenisverstekwaardes
- Beskikbaarheid volgende dag
Pasgemaakte Spesifieke Datum:
Kies enige vaste datum om vooraf te kies. Ideaal vir voorgestelde datums of gebeurtenisspesifieke vorms.
Gebruik gevalle:
- Aanbevole afspraakdatum
- Verstekwaardes vir gebeurtenisdatums
- Voorstelle vir sperdatums
- Voorafgevulde aansoekdatums
📱 Inheemse Kalenderkieser
Blaaier-geoptimaliseerde datumkeuse:
Gebruik HTML5-inheemse datuminvoere met die blaaier se ingeboude kalenderkieser. Bied 'n bekende, platformspesifieke ervaring.
Platformspesifieke voorkoms:
- iOS: Pragtige wielkieser
- Android: Materiaalontwerpkalender
- Chrome-rekenaar: Aftrekkalender
- Desktop Safari: Kompakte kieser
- Alles geoptimaliseer vir hul platform
Voordele:
- Geen JavaScript-biblioteek nodig nie
- Onmiddellike laai
- Toeganklik by verstek
- Sleutelbord navigeerbaar
- Aanraak-geoptimaliseerd
- Minimale lêergrootte
Klik enige plek:
Die hele veld kan geklik word om die kalender oop te maak. Die groot interaksie-area verbeter bruikbaarheid.
✅ Slim Datum Validasie
Ingeboude Validasielae:
Formaatvalidering:
Die blaaier verseker outomaties die korrekte datumformaat. Gebruikers kan nie ongeldige datums soos "2023-13-45" invoer nie.
Reeksvalidering:
Min/maks datums word op kieservlak afgedwing. Ongeldige datums is gedeaktiveer – kan nie gekies word nie.
Logika-validering:
Verlede/toekomstige/naweekbeperkings word outomaties toegepas. Stelsel verhoed ongeldige keuses.
Vee foutboodskappe uit:
Indien gebruikers op een of ander manier beperkings omseil, verduidelik duidelike boodskappe: "Datum moet na 2024-01-01 wees" of "Datum moet voor 2024-12-31 wees."
🔀 Voorwaardelike Logika
Dinamiese Datumveldsigbaarheid:
Wys of versteek datumvelde gebaseer op ander vormwaardes. Wys relevante datumvelde slegs wanneer nodig.
Gevorderde Logika Reëls:
- EN Logika – Alle voorwaardes moet nagekom word
- OF Logika – Enige voorwaarde kan die aksie veroorsaak
- 8 Operators – Gelyk aan, Nie gelyk aan, Groter as, Minder as, Bevat, Is leeg, en meer
Gebruik gevalle:
- Wys slegs "Voorkeurdatum" wanneer die besprekingstipe gelyk is aan "Afspraak"
- Wys "Gebeurtenisdatum" wanneer gebeurtenistipe nie leeg is nie
- Wys "Afleweringsdatum" wanneer die versendingsmetode gelyk is aan "Geskeduleer"
- Versteek "Terugkeerdatum" wanneer kaartjietipe gelyk is aan "Enkelrigting"
🎯 Verbeterde gebruikerservaring
Slim funksies ingebou:
- Visuele Datumvertoning – Geselekteerde datum word in leesbare formaat vertoon
- Kalenderikoon – Visuele aanduiding van datumkieser
- Sleutelbordnavigasie – Pyltjietoetse navigeer na die kalender
- Toeganklikheid van oortjies – Volledige sleutelbordondersteuning
- Aanraakgeoptimaliseerd – Groot aanraakteikens op selfone
- Outomatiese Korreksie – Ongeldige datums word outomaties aangepas na die naaste geldige datum
- Vandag-uitlig – Huidige datum uitgelig in kieser
- Vinnige Seleksie – Klik op datum, kieser sluit outomaties
- Hulpteksondersteuning – Voeg wenke of instruksies vir datumformaat by
- Vereiste Validasie – Maak datumkeuse verpligtend
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe
- Toeganklikheidsondersteuning – ARIA-etikette, skermleserversoenbaar
Eenvoudige opstelling in 3 stappe
Kry jou Datumveld binne minute gereed
Voeg Datumveld by
Sleep en laat val die Datum-veld vanaf die Basiese Velde-afdeling na jou vorm.
Kies Formaat en Reikwydte
Kies datumformaat (VSA, VK, ISO), stel opsioneel min/maks datumgrense, en aktiveer verlede/toekoms/naweekblokkering soos nodig.
Stel verstekdatum
Kies of die veld leeg begin, vooraf ingevul word met vandag, môre of 'n persoonlike datum wat jy spesifiseer.
???? Dis dit! Jou datumveld is gereed met slim validering en inheemse kiesers.
Regte-wêreld toepassings
Afspraak bespreking
* Datums vir mediese afsprake
* Konsultasieskedulering
* Keuse van diensafsprake
* Koördinering van vergaderingdatums
Gebeurtenis Registrasie
* Datums vir bywoning van geleenthede
* Keuse van werkswinkeldatum
* Konferensieregistrasie
* Klasinskrywingsdatums
Aflewering en aflewering
* Voorkeur afleweringsdatums
* Keuse van versendingsdatum
* Beplanning van afhaaldatum
* Beplanning van versendingsdatums
Besigheid Aansoeke
* Projek sperdatums
* Taak sperdatums
* Kontrak effektiewe datums
* Ooreenkoms begin-/einddatums
Persoonlike Inligting
* Geboortedatumversameling
* Herdenkingsdatums
* Begindatum van indiensneming
* Onderwys voltooiingsdatums
Besprekings
* Hotel inklokdatums
* Huur begindatums
* Besprekingsbevestigingsdatums
* Keuse van besprekingstydperk
Voltooi Veld Opsies
Basiese konfigurasie
- Veld-etiket – Die titel wat bo die datumveld vertoon word
- Beskrywing/Hulpteks – Bykomende leiding vir gebruikers
- Verpligte veld – Maak datumkeuse verpligtend
- Plekhouer – Nie van toepassing op oorspronklike datumkiesers nie
datum formaat
- Hoe om datums te vertoon:
- Eerste jaar: 2023-12-31 (ISO 8601)
- Maand eerste: 31/12/2023 (VS-styl)
- Dag eerste: 31/12/2023 (VK-styl)
- Dag eerste met strepies: 31-12-2023
Datumreeksbeperkings
- Eerste Toegelate Datum – Vroegste datum wat gebruikers kan kies (los leeg vir geen beperking nie)
- Laaste Toegelate Datum – Laaste datum wat gebruikers kan kies (los leeg vir geen beperking nie)
Datumblokkeringsopsies
- Blokkeer Verlede Datums – Voorkom die keuse van enige datums voor vandag
- Blokkeer toekomstige datums – Voorkom die keuse van enige datums na vandag
- Geen Naweekseleksie – Voorkom die seleksie van Saterdae en Sondae
Begindatumkeuse:
- Geen vooraf gekose datum (leeg) – Veld begin leeg
- Vandag se datum – Huidige datum vooraf ingevul
- Môre se datum – Volgende dag vooraf ingevul
- Spesifieke datum (jy kies) – Pasgemaakte datum vooraf ingevul
Pasgemaakte Standaarddatum – Kies jou begindatum (vertoon wanneer "Spesifieke datum" gekies is)
Voorwaardelike logika
- Aktiveer Voorwaardelike Logika – Wys/versteek gebaseer op voorwaardes
- Logika tipe
- Alle voorwaardes moet nagekom word (EN)
- Enige voorwaarde kan nagekom word (OF)
- Toestandreëls
- Wys/Versteek – Aksie om te neem
- Veld – Watter veld om te merk
- Operator – Gelyk aan, Nie gelyk aan, Bevat, Groter as, Minder as, Is leeg, Is nie leeg nie
- Waarde – Vergelykingswaarde
- Veelvuldige voorwaardes – Voeg onbeperkte reëls by
Gevorderde opsies
- Versteekte Veld – Maak veld onsigbaar, maar sluit datum in voorleggings in
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe
- Toeganklikheidskenmerke – ARIA-etikette vir skermlesers
Waarom ons datumveld kies?
✅ Verskeie formate – VSA, VK, ISO en stippellynformate
✅ Datumreeksbeheer – Stel min/maks grense presies
✅ Blokkeer vorige datums – Laat slegs toekomstige datumkeuses toe
✅ Blokkeer toekomstige datums – Laat slegs vorige datumkeuses toe
✅ Deaktiveer Naweke – Slegs weeksdae-keuse vir besigheid
✅ Slim verstekwaardes – Vul vooraf in met vandag, môre of 'n persoonlike datum
✅ Inheemse Kiesers – Blaaier-geoptimaliseerde kalenders vir elke platform
✅ Outomatiese validering – Ongeldige datums kan nie gekies word nie
✅ Volledig geïntegreerd – Werk naatloos met alle vormfunksies
Algemene vrae
V: Watter datumformate word ondersteun?
Vier formate: ISO (2023-12-31), VSA (12/31/2023), VK (31/12/2023), en Gestreep (31-12-2023). Kies die formaat wat die beste by jou gehoor pas.
V: Hoe verhoed ek dat gebruikers vorige datums kies?
Aktiveer "Blokkeer Verlede Datums." Enige datum voor vandag word onkiesbaar in die datumkieser.
V: Kan ek datums tot 'n spesifieke reeks beperk?
Ja. Stel "Eerste Toegelate Datum" en "Laaste Toegelate Datum" om keuses tot 'n gedefinieerde venster te beperk.
V: Wat doen "Naweke vir Gestremdes"?
Dit verwyder Saterdae en Sondae van die keuse. Slegs Maandag tot Vrydag bly beskikbaar.
V: Hoe werk standaarddatums?
Kies of die veld leeg begin, vandag se datum, môre se datum of 'n persoonlike datum wys. Vandag en môre pas outomaties aan.
V: Lyk die datumkieser dieselfde op alle toestelle?
Nee. Dit gebruik elke toestel se oorspronklike gebruikerskoppelvlak—iOS-wielkiesers, Android-kalenders, lessenaarkiesers, ensovoorts.
V: Kan ek toekomstige datums vir geboortedatumvelde blokkeer?
Ja. Skakel "Blokkeer Toekomstige Datums" aan sodat gebruikers slegs datums tot en met vandag kan kies.
V: Hoe werk min/maks datums saam met verlede/toekomstige blokkering?
Hulle stapel. Byvoorbeeld, die blokkering van vorige datums plus 'n maksimum datum van 30 dae vooruit lei tot 'n reeks van vandag tot 30 dae vooruit.
V: Kan gebruikers datums tik in plaas van die kieser te gebruik?
Sommige webblaaiers laat tik met validasie toe. Ander forseer die datumkieser. Almal dwing korrekte formatering af.
V: Wat gebeur as 'n gebruiker 'n naweek kies wanneer naweke gedeaktiveer is?
Die stelsel pas outomaties aan na die naaste geldige weeksdag, gewoonlik die volgende Maandag.
V: Kan ek voorwaardelike logika met datumvelde gebruik?
Ja. Gebruik vergelykings soos "Gelyk aan", "Is leeg", "Is nie leeg nie", "Groter as" of "Kleiner as" om die sigbaarheid van ander velde te beheer.
V: Hoe stel ek 'n sperdatum vas?
Voer jou sperdatum in "Laaste Toegelate Datum" in. Gebruikers kan nie datums na daardie punt kies nie. Kombineer met "Blokkeer Verlede Datums" as jy slegs toekomstige beskikbaarheid benodig.
