Datumkiezer

Klik om te kopiëren

Kiest de datetime waarde.


Look en feel instellingen

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

Placeholder (niet verplicht) 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 formatted] om van uit te gaan. Is standaard ingesteld op 0.

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

Step (niet verplicht) - selectiestapwaarde.

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

Allow clear (verplicht) - maakt wissen bij selectie mogelijk. Is standaard ingesteld op vals.

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 - gaat af wanneer de dropdown optie wordt gewijzigd.
  • onFocus - gaat af als er op de Select-component wordt gefocust.
  • onBlur - Vuurt als de component Select wordt vervaagd.
  • onCreate - Vuurt wanneer de component wordt aangemaakt.
  • onShow - Vuurt wanneer de component wordt getoond.
  • onHide - Vuurt wanneer de component verborgen is.
  • onDestroy - Vuurt af wanneer de component wordt getoond.
  • onEnterKey - Vuurt af wanneer de Enter toets wordt ingedrukt.

Component Acties

DateTimepicker 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 formatted] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix formatted] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix formatted];
  • Validate Icon [boolean] - pictogram dat moet worden getoond wanneer de waarde wordt gevalideerd;
  • 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;

DateTimepicker Get Properties

DateTimepicker 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 formatted] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix formatted] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix formatted];
  • Validate Icon [boolean] - pictogram dat moet worden getoond wanneer de waarde wordt gevalideerd;
  • 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;

DateTimepicker Set Properties

DateTimepicker 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 formatted] om mee te beginnen;
  • Max [datetime] - maximale tijdstempelwaarde [unix formatted] die kan worden geselecteerd;
  • Value [datetime] - geselecteerde tijdstempelwaarde [unix formatted];
  • Validate Icon [boolean] - pictogram dat moet worden getoond wanneer de waarde wordt gevalideerd;
  • 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;

DateTimepicker Update Properties

DateTimepicker Validate

Valideert de geselecteerde tijdstempelwaarde van de DateTime Picker component.

Invoer parameters:

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

Uitvoer parameters:

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

DateTimepicker Validate


Gebruiksvoorbeeld

In sommige gevallen is het nodig om de tijdstempel waarde(DateTimepicker Get Properties) op te halen en te converteren naar string formaat. Hiervoor moet het Date & Time to String blok worden gebruikt.

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

DateTimepicker Get Properties

  • Date & Time to String blok moet worden gebruikt om de tijdstempelwaarde om te zetten in de string. Verbind de waardevelden met elkaar.

  • Vul het veld Format mask in om de tijdstempelwaarde te converteren met het vereiste formaat.