DateTime Picker

Click to copy

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 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] - 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

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

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

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

DateTime Picker | AppMaster Docs