...
Hiervoor maak je dus een regel aan op de “Verzenden” knop, ga je naar de Code editor en kiest als actie “Navigation”
...
Regels die je kan instellen op de Datumkiezer
1. Selecteer de datum component, en ga naar de rule editor:
...
2. Maak een nieuwe rule aan voor het datumveld
...
3. Ga naar de code editor:
...
4. Voeg de gewenste functie toe
Voorbeeld:
...
Volgende functies kan u gebruiken bij “Initialise” van het datumveld:
Bepaalde dagen van de week niet toelaten;
disableWeekdaysOnDatePicker(this,[0,6],”U kan geen
${weekday}
kiezen”);dit voorbeeld wil zeggen: zaterdag en zondag niet toegelaten
0 is zondag, 1 is maandag, 6 is zaterdag etc U kan kiezen welke dagen u niet wil toelaten.
De gebruiker kan de dag wel kiezen in de datepicker (niet doorkruist) maar krijgt dan een foutmelding
U kan de foutboodschap optioneel meegeven, met “weekday” als parameter
resultaat:
disableWeekdaysOnDatePicker(this,[0]); → enkel zondag niet toegelaten
setNewMinimumDateOnDatePicker(this,"['15/06/2023']");
alle data voor 15/06 worden doorkruist in de datepicker
OPGELET: niet te combineren met de standaard functionaliteit voor dit veld om een minimum in te geven
setNewMaximumDateOnDatePicker(this,"['30/06/2023']");
alle data na 30/06 worden doorkruist in de datepicker
OPGELET: niet te combineren met de standaard functionaliteit voor dit veld om een maximum in te geven
setNewDynamicMaxDateOnDatePicker(this,50);
Enkel data tot vandaag + 50 dagen worden toegelaten
Om 6 maanden in de toekomst toe te laten is dus: setNewDynamicMaxDateOnDatePicker(this,183);
OPGELET: niet te combineren met de standaard functionaliteit voor dit veld om een maximum in te geven
setNewDynamicMinDateOnDatePicker(this,x,”Foutboodschap”);
Enkel data vanaf vandaag + x dagen worden toegelaten
x mag ook negatief zijn (bv tot 5 dagen in het verleden)
Om enkel data in de toekomst toe te laten is dus : setNewDynamicMinDateOnDatePicker(this,0, ”U kan geen datum uit het verleden kiezen”);
OPGELET: niet te combineren met de standaard functionaliteit voor dit veld om een minimum in te geven
Bepaalde dagen niet toelaten:
disableDatesOnDatePicker
(this,"['22/06/2023','23/06/2023']", ”${date}
is uitzonderlijk niet toegelaten”);dit voorbeeld: 22 en 23/6 worden niet toegelaten
U kan een reeks data meegeven
De gebruiker kan de dag wel kiezen in de datepicker (niet doorkruist) maar krijgt dan een foutmelding
U kan de foutboodschap zelf meegeven, met de datum als een parameter
Feestdagen niet toelaten
setHolidaysDisabledOnDatePicker(this, true,"${holiday} kan u niet kiezen");
Alle Belgische feestdagen worden uitgesloten
De gebruiker kan de dag wel kiezen in de datepicker (niet doorkruist) maar krijgt dan een foutmelding
U kan een aangepaste foutmelding meegeven, met de naam van de feestdag als parameter
voorbeeld: