Date Picker

Click to copy

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 de sortie:

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

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 ;

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 ;

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 de sortie:

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


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é.

Date Picker | AppMaster Docs