Sélecteur de date

Démo

Sélecteur de date : validation de la date

Introduction

Cette application montre comment créer plusieurs champs de validation de date, y compris des champs avec des messages d'erreur personnalisés.

Application de démonstration - essayez-la vous-même

Pour essayer vous-même les champs de validation de date, utilisez l'application de démonstration.

Télécharger l’application de démonstration depuis GitHub

Aperçu de l’application de démonstration dans le cloud

Application de démonstration - instructions d'utilisation

1. Dans UiPath^® Apps, créez une nouvelle application et importez l'application de démonstration téléchargée.

2. Vous remarquerez peut-être des erreurs. Pour les corriger, remplacez les entités référencées « Tous les types de données », « Service » (Department), « Plan » par des entités dans votre locataire.

3. Pour interagir avec les champs de validation de date, prévisualisez votre application.

Général

• Texte de l'indice (Hint Text) : définissez le texte d'aide à afficher au moment du runtime.
• Date par défaut ( Default Date ) : définissez la date par défaut. Si cette propriété est liée à une variable d'application, les modifications apportées à la valeur par défaut ne se propageront pas dans la variable d'application. Pour mettre à jour les valeurs dans les variables d'application, vous devez utiliser la règle Définir la valeur ( Set Value ).
• Info-bulle (Tooltip) : le texte à afficher lorsqu'un utilisateur de l'application pointe sur la commande. Utilisez cette option pour fournir des informations supplémentaires sur la commande.
• Libellé (Label) : le texte affiché de la commande.
• Obligatoire (Required) : si la valeur est true, les utilisateurs de l'application doivent fournir des données dans la commande. Pour marquer la commande comme obligatoire au moment du runtime, un astérisque * est ajouté après le texte du libellé.

• Date minimum (Min date) : définissez la date minimum que les utilisateurs de l'application peuvent sélectionner au moment du runtime.

• Date maximum (Max date) : définissez la date maximum que les utilisateurs de l'application peuvent sélectionner au moment du runtime.

• Message d'erreur personnalisé (Custom error message) : le texte à afficher si la propriété Requis (Required) est définie sur true et que la commande est laissée vide.

• Masqué (Hidden) : si la valeur est true, masque la commande au moment du runtime.

• Désactivé (Disabled) : si la valeur est true, désactive la commande au moment du runtime.

Remarque : le service Apps convertit la date saisie par les utilisateurs de l'application dans le fuseau horaire UTC, avant de l'envoyer au processus sous-jacent en tant qu'argument d'entrée. Assurez-vous de convertir la date reçue par le processus dans le fuseau horaire local, en utilisant le paramètre ToLocalTime du type de données DateHeure (DateTime). Sinon, une date différente de celle sélectionnée par l'utilisateur de l'application pourrait être calculée.

Events

• Valeur modifiée (Value changed) : configurez ce qui se passe lorsque la date est modifiée.

Style

• Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour revenir par défaut à l'alignement parent, désélectionnez les options remplacées.

  Remarque : l'alignement dépend de la mise en page sélectionnée pour le parent (Vertical vs Horizontal).
• Emplacement du libellé (Label Placement) : par défaut, le libellé est configuré pour être affiché en haut de la commande, sur le côté gauche. Vous pouvez la placer à gauche de la commande, sur la même ligne. La propriété Largeur du libellé (Label Width) configure la largeur du libellé, et la propriété Espace intermédiaire (Space between) définit la distance entre le libellé et la commande.
• Couleur d'arrière-plan (Background Color) : la couleur d'arrière-plan de la commande.
• Police (Font) : attributs de police du libellé et du texte d'entrée, tels que la famille de polices, la taille, la couleur ou le style (gras, italique et souligné). Par défaut, la commande hérite de la famille de polices de son conteneur parent immédiat, qui est indiqué par le mot-clé « Inherited ».
• Marge (Margin) : la marge de la commande. Par défaut, une marque de 4px est définie. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Marge (Margin).
• Taille (Size) : largeur et hauteur de la commande. Par défaut, la taille est définie sur auto. Pour définir des valeurs minimales ou maximales, cliquez sur l'icône à trois points (...).

Format spécifique à la région

Pour afficher la date dans le format spécifique à vos paramètres régionaux dans Google Chrome, suivez les étapes ci-dessous :

1. Accédez à l'adresse suivante dans Google Chrome : chrome://settings/languages.

2. Ajoutez la langue manquante.

   
   

   

   
   
3. Déplacez la langue vers le haut des langues répertoriées.
4. Redémarrez Google Chrome.
5. Rouvrez votre application pour obtenir un aperçu.
6. Sélectionnez la date dans la commande Sélecteur de date (Date Picker). La date devrait maintenant être affichée dans le format spécifique à votre région.

Propriétés VB

Propriété VB	Type de données	Description
Info-bulle	Chaîne de caractères (string)	Texte d'information qui apparaît lorsque l'utilisateur survole le sélecteur de date.
Label	Chaîne de caractères (string)	Le libellé du sélecteur de date; généralement le texte affiché à côté.
HintText	Chaîne de caractères (string)	Texte d'espace réservé affiché à l'utilisateur sur la commande Sélecteur de date (Date Picker) .
Date min	System.Nullable(Of System.DateOnly)	La date la plus ancienne que l'utilisateur peut sélectionner.
Date max	System.Nullable(Of System.DateOnly)	La date la plus récente que l'utilisateur peut sélectionner.
Valeur (Value)	System.Nullable(Of System.DateOnly)	La date actuellement sélectionnée.
Requis	Booléen	Spécifie si la valeur Sélecteur de date est obligatoire.
RequiredErrorMessage	Chaîne de caractères (string)	Message affiché lorsque la valeur Sélecteur de date ( Date Picker ) est requise, mais n'a pas été fournie.
Masqué	Booléen	Détermine la visibilité de la commande Sélecteur de date ( Date Picker ). Si la valeur est true, masque la commande au moment du runtime.
Désactivé (Disabled)	Booléen	Détermine si la commande Sélecteur de date ( Date Picker) peut avoir une interaction. Si la valeur est true, désactive l'interaction avec le sélecteur de date au moment de l'exécution.
EstValide	Booléen	Vérifie la validité de la valeur Sélecteur de date (Date Picker ). Si True, indique qu'il est valide.