Date Picker

Cliquez pour copier

Permet de sélectionner une certaine date.


Paramètres de l'apparence et de la convivialité

Label (non obligatoire) à utiliser pour afficher l'étiquette du composant.

Placeholder (non obligatoire) à utiliser pour afficher l'espace réservé du composant.

Name (obligatoire) - nom du composant.

Tooltip (non obligatoire) - chaîne de l'info-bulle.

Min (obligatoire) - valeur minimale de l'horodatage [formaté par Unix] pour commencer. Elle est fixée à 0 par défaut.

Max (obligatoire) - valeur maximale de l'horodatage [formaté en unix] qui peut être sélectionnée. Par défaut, elle équivaut au moment de la création ;

Step (non obligatoire) - valeur de l'étape de sélection.

Required (obligatoire) - indique si la sélection est requise ou non. Est défini à false par défaut.

Allow clear (obligatoire) - permet d'effacer la sélection. Est défini à false par défaut.

Disabled (obligatoire) - rend le composant désactivé s'il est activé. Est désactivé par défaut.

Visible (obligatoire) - rend le composant visible s'il est activé. Activé par défaut.


Déclencheurs de flux de travail

  • onChange - se déclenche lorsque l'option de la liste déroulante est modifiée.
  • onFocus - se déclenche lorsque le composant fait l'objet d'un focus.
  • onBlur - se déclenche lorsque le composant est flou.
  • onCreate - se déclenche lorsque le composant est créé.
  • onShow - se déclenche lorsque le composant est affiché.
  • onHide - se déclenche lorsque le composant est masqué.
  • onDestroy - se déclenche lorsque le composant est affiché.
  • onEnterKey - se déclenche lorsque la touche Entrée est enfoncée.

Actions du composant

Datepicker Get Properties

Obtient les propriétés du composant.

Paramètres d'entrée :

  • Component Id [string] - l'identifiant du composant ;

Paramètres desortie :

  • Label [string] - l'étiquette du composant ;
  • Placeholder [string] - le caractère de remplacement du composant ;
  • Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
  • Disable [boolean] - désactive le composant si vrai ;
  • Tooltip [string] - chaîne d'info-bulle ;
  • Required [boolean] - affiche la marque requise si vrai ;
  • Debounce (ms) [integer] - délai pour valider la valeur ;
  • Min [datetime] - la valeur minimale de l'horodatage [au format unix] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [formaté en unix] qui peut être sélectionnée ;
  • Value [datetime] - valeur de l'horodatage sélectionné [formaté par Unix] ;
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - état à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Datapicker Get Properties

Datepicker Set Properties

Définit les propriétés du composant.

Paramètres d'entrée :

  • Component Id [string] - identifiant du composant ;
  • Label [string] - le libellé du composant ;
  • Placeholder [string] - le caractère de remplacement du composant ;
  • Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
  • Disable [boolean] - désactive le composant si vrai ;
  • Tooltip [string] - chaîne d'info-bulle ;
  • Required [boolean] - affiche la marque requise si vrai ;
  • Debounce (ms) [integer] - délai pour valider la valeur ;
  • Min [datetime] - la valeur minimale de l'horodatage [au format unix] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [formaté en unix] qui peut être sélectionnée ;
  • Value [datetime] - valeur de l'horodatage sélectionné [formaté par Unix] ;
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - état à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Datapicker Set Properties

Datepicker Update Properties

Met à jour les propriétés du composant.

Paramètres d'entrée :

  • Component Id [string] - identifiant du composant ;
  • Label [string] - le libellé du composant ;
  • Placeholder [string] - le caractère de remplacement du composant ;
  • Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
  • Disable [boolean] - désactive le composant si vrai ;
  • Tooltip [string] - chaîne d'info-bulle ;
  • Required [boolean] - affiche la marque requise si vrai ;
  • Debounce (ms) [integer] - délai pour valider la valeur ;
  • Min [datetime] - la valeur minimale de l'horodatage [au format unix] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [formaté en unix] qui peut être sélectionnée ;
  • Value [datetime] - valeur de l'horodatage sélectionné [formaté par Unix] ;
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - état à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Datapicker Update Properties

Datepicker Validate

Valide la valeur de l'horodatage sélectionné dans le composant DateTime Picker.

Paramètres d'entrée :

  • Component Id [string] - identifiant du composant ;

Paramètres desortie :

  • Success [boolean] - résultat de la validation ;
  • Error [string] - message d'erreur ;

Datapicker Validate


Exemple d'utilisation

La date peut être divisée en différentes parties comme les années, les mois et les jours.

  • Faites glisser le bloc Datepicker Get Properties et déposez-le dans le canevas. Component ID doit être spécifié afin d'obtenir la valeur du Date Picker composant

  • La valeur sélectionnée peut être divisée en quelques parties mineures, comme les années, les mois et les jours. Expand date doit être utilisé.