Datumkiezer

Klik om te kopiëren

Maakt het mogelijk een bepaalde datum te selecteren.


Look en feel instellingen

Label (niet verplicht) te worden gebruikt om het label van de component te tonen.

Placeholder (niet verplicht) te gebruiken om de plaatshouder van de component te tonen.

Name (verplicht) - naam van de component.

Tooltip (niet verplicht) - tooltip string.

Min (verplicht) - minimale timestamp waarde [unix geformatteerd] om van uit te gaan. Is standaard ingesteld op 0.

Max (verplicht) - maximale tijdstempelwaarde [unix geformatteerd] die kan worden geselecteerd. Standaard gelijk aan het moment van creatie;

Step (niet verplicht) - selectie stap waarde.

Required (verplicht) - markeert of de selectie vereist is of niet. Staat standaard op false.

Allow clear (verplicht) - laat wissen toe bij selectie. Is standaard ingesteld op false.

Disabled (verplicht) - maakt de component uitgeschakeld indien ingeschakeld. Is standaard uitgeschakeld.

Visible (verplicht) - maakt de component zichtbaar indien ingeschakeld. Wordt standaard ingeschakeld.


Workflow triggers

  • onChange - Vuurt wanneer de dropdown optie wordt gewijzigd.
  • onFocus - Vuurt wanneer er op het component wordt gefocust.
  • onBlur - Vuurt wanneer de component wordt vervaagd.
  • onCreate - Vuurt wanneer de component wordt aangemaakt.
  • onShow - Vuurt af wanneer de component wordt getoond.
  • onHide - Vuurt af wanneer de component verborgen is.
  • onDestroy - Vuurt af wanneer de component wordt getoond.
  • onEnterKey - Vuurt af wanneer de Enter toets wordt ingedrukt.

Component Acties

Datepicker Get Properties

Krijgt de eigenschappen van de component.

Invoerparameters :

  • Component Id [string] - Identificatie van de component;

Uitvoerparameters :

  • Label [string] - label van de component;
  • Placeholder [string] - de plaatshouder van de component;
  • Allow Clear [boolean] - maakt het mogelijk de selectie te wissen indien waar;
  • Disable [boolean] - schakelt component uit indien waar;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - toont verplichte markering indien waar;
  • Debounce (ms) [integer] - vertraging om de waarde te valideren;
  • Min [datetime] - minimale tijdstempelwaarde [unix geformatteerd] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix geformatteerd] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix geformatteerd];
  • Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
  • Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
  • Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Datapicker Get Properties

Datepicker Set Properties

Stelt de eigenschappen van de component in.

Invoer parameters:

  • Component Id [string] - identifier van de component;
  • Label [string] - label van de component;
  • Placeholder [string] - plaatshouder van de component;
  • Allow Clear [boolean] - staat het wissen van de selectie toe indien waar;
  • Disable [boolean] - schakelt component uit indien waar;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - toont verplichte markering indien waar;
  • Debounce (ms) [integer] - vertraging om de waarde te valideren;
  • Min [datetime] - minimale tijdstempelwaarde [unix geformatteerd] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix geformatteerd] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix geformatteerd];
  • Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
  • Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
  • Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Datapicker Set Properties

Datepicker Update Properties

Werkt de eigenschappen van de component bij.

Invoer parameters:

  • Component Id [string] - identifier van de component;
  • Label [string] - label van de component;
  • Placeholder [string] - plaatshouder van de component;
  • Allow Clear [boolean] - staat het wissen van de selectie toe indien waar;
  • Disable [boolean] - schakelt component uit indien waar;
  • Tooltip [string] - tooltip string;
  • Required [boolean] - toont verplichte markering indien waar;
  • Debounce (ms) [integer] - vertraging om de waarde te valideren;
  • Min [datetime] - minimale tijdstempelwaarde [unix geformatteerd] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix geformatteerd] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix geformatteerd];
  • Validate Icon [boolean] - pictogram dat moet worden getoond bij het valideren van de waarde;
  • Validate Status [Status type] - status die moet worden getoond bij het valideren van de waarde;
  • Validate Message [string] - bericht dat moet worden getoond bij het valideren van de waarde;

Datapicker Update Properties

Datepicker Validate

Valideert de geselecteerde tijdstempelwaarde van de DateTime Picker component.

Invoer parameters:

  • Component Id [string] - identifier van de component;

Uitvoer parameters:

  • Success [boolean] - validatie resultaat;
  • Error [string] - foutmelding;

Datapicker Validate


Gebruiksvoorbeeld

Datum kan worden verdeeld in verschillende delen zoals jaren, maanden en dagen.

  • Sleep het Datepicker Get Properties blok en laat het vallen in het canvas. Component ID moet worden gespecificeerd om de waarde van de Date Picker component

  • De geselecteerde waarde kan worden verdeeld in enkele kleine delen, zoals jaren, maanden en dagen. Expand date moet worden gebruikt.