DateTime Picker

Cliquez pour copier

Choisit la valeur de la 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 [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.


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

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

DateTimepicker Get Properties

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

DateTimepicker Set Properties

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

DateTimepicker Update Properties

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

DateTimepicker Validate


Exemple d'utilisation

Dans certains cas, il est nécessaire d'obtenir la valeur de l'horodatage(DateTimepicker Get Properties) et de la convertir au format chaîne. Pour cela, le bloc Date & Time to String doit être utilisé.

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

DateTimepicker Get Properties

  • Date & Time to String Le bloc doit être utilisé pour convertir la valeur de l'horodatage en chaîne de caractères. Reliez les champs de valeur entre eux.

  • Remplissez le champ Masque de format pour convertir la valeur de l'horodatage au format requis.