Time picker

Cliquez pour copier

Permet de sélectionner l'horodatage.


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 [unix formatted] pour commencer. Elle est fixée à 0 par défaut.

Max (obligatoire) - valeur maximale de l'horodatage [unix formatted] qui peut être sélectionnée. Équivaut au moment de la création par défaut.

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

Required (obligatoire) - marque 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.

Time Picker


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 Select fait l'objet d'une attention particulière.
  • onBlur - se déclenche lorsque le composant Select 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 :

Timepicker 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] - valeur minimale de l'horodatage [unix formatted] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [unix formatted] qui peut être sélectionnée ;
  • Value [datetime] - valeur d'horodatage sélectionnée [unix formatted];
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Timepicker Get Properties

Timepicker 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] - valeur minimale de l'horodatage [unix formatted] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [unix formatted] qui peut être sélectionnée ;
  • Value [datetime] - valeur d'horodatage sélectionnée [unix formatted];
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Timepicker Set Properties

Timepicker 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] - valeur minimale de l'horodatage [unix formatted] pour commencer ;
  • Max [datetime] - valeur maximale de l'horodatage [unix formatted] qui peut être sélectionnée ;
  • Value [datetime] - valeur d'horodatage sélectionnée [unix formatted];
  • Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
  • Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
  • Validate Message [string] - message à afficher lors de la validation de la valeur ;

Timepicker Update Properties

Timepicker 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 ;

Timepicker Validate


Exemple d'utilisation

Pour analyser le temps sélectionné et obtenir tous ses composites, la logique suivante doit être utilisée

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

  • La valeur sélectionnée peut être divisée en quelques parties mineures, comme les secondes, les minutes, etc. Expand time doit être utilisé.