Contrôle Sélecteur de dates dans Power Apps

Contrôle que l’utilisateur peut sélectionner pour spécifier une date.

Descriptif

Si vous ajoutez un contrôle Sélecteur de dates au lieu d’un contrôle d’entrée de texte , vous vous assurez que l’utilisateur spécifie une date au format correct.

Propriétés principales

DefaultDate : valeur initiale d’un contrôle de date, sauf si l’utilisateur le modifie.

SelectedDate : date actuellement sélectionnée dans un contrôle de date. Cette date est représentée en heure locale.

Format : format de texte dans lequel le contrôle affiche la date et l’utilisateur spécifie la date. Vous pouvez définir cette propriété sur ShortDate (valeur par défaut) ou LongDate pour mettre en forme des dates en fonction de la propriété Language de ce contrôle. Vous pouvez également définir cette propriété sur une expression, telle que aaaa/mm/jj si vous souhaitez le même format, quelle que soit la langue. Par exemple:

• Le contrôle affiche le 31/12/2017 si l’utilisateur clique ou appuie sur le dernier jour de 2017, la propriété Format est définie sur ShortDate et la propriété Language est définie sur en-us.
• Le contrôle affiche dimanche 31 decembre 2017 si l’utilisateur clique ou appuie sur le dernier jour de 2017, la propriété Format est définie sur LongDate et la propriété Language est définie sur fr-fr.

Langue : détermine la langue utilisée pour mettre en forme des dates, y compris les noms de mois. Si cette propriété n’est pas spécifiée, le paramètre d’appareil de l’utilisateur détermine la langue. Les valeurs prises en charge incluent « EN-us » et « FR ».

Propriétés supplémentaires

AccessibleLabel : étiquette pour les lecteurs d’écran.

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

BorderThickness : épaisseur de la bordure d’un contrôle.

Couleur : couleur du texte dans un contrôle.

DateTimeZone : indique s’il faut afficher la date au format UTC ou l’heure locale de l’utilisateur.

DisplayMode : indique si le contrôle autorise l’entrée utilisateur (Modifier), affiche uniquement les données (Affichage) ou est désactivé (Désactivé).

DisabledBorderColor : couleur de la bordure d’un contrôle si la propriété DisplayMode du contrôle a la valeur Disabled.

DisabledColor : couleur du texte dans un contrôle si sa propriété DisplayMode est définie sur Disabled.

DisabledFill : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

EndYear : l’année la plus récente à laquelle l’utilisateur peut définir la valeur d’un contrôle de sélecteur de dates.

Remplissage : couleur d’arrière-plan d’un contrôle.

FocusBorderColor : couleur de la bordure d’un contrôle lorsque le contrôle est concentré.

FocusBorderThickness : épaisseur de la bordure d’un contrôle lorsque le contrôle est concentré.

Police : nom de la famille de polices dans laquelle le texte apparaît.

FontWeight : poids du texte dans un contrôle : Gras, Semibold, Normal ou Plus léger.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

IconFill : couleur de premier plan d’une icône de sélecteur de dates.

IconBackground : couleur d’arrière-plan d’une icône de sélecteur de dates.

InputTextPlaceholder : texte d’instruction qui s’affiche si aucune date n’est entrée.

IsEditable : indique si le texte du sélecteur de dates peut être modifié. Si définie sur false, la date ne peut être modifiée qu’en utilisant le calendrier.

Italique : indique si le texte d’un contrôle est italique.

OnSelect : actions à effectuer lorsque l’utilisateur appuie ou clique sur un contrôle.

OnChange : actions à effectuer lorsque l’utilisateur modifie la valeur d’un contrôle.

Différence entre OnChange et OnSelect : Déclencheur OnSelect et OnChange sur la même action utilisateur si le clic de l’utilisateur provoque la modification. Dans ce cas, onSelect se déclenche avant OnChange.

PaddingBottom : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.

PaddingLeft : distance entre le texte d’un contrôle et le bord gauche de ce contrôle.

PaddingRight : distance entre le texte d’un contrôle et le bord droit de ce contrôle.

PaddingTop : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.

Réinitialiser : indique si le contrôle Sélecteur de dates doit être réinitialisé à la valeur DefaultDate .

Taille : taille de police du texte qui apparaît sur un contrôle.

StartOfWeek : jour de la semaine à afficher dans la première colonne jour du contrôle de sélecteur de dates.

StartYear : année la plus ancienne à laquelle l’utilisateur peut définir la valeur d’un contrôle de sélecteur de dates.

TabIndex : ordre de navigation clavier par rapport à d’autres contrôles.

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit d’un contrôle.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

Fonctions associées

Year( DateTimeValue )

Examples

Sélecteur de dates de base

1. Ajoutez un contrôle Sélecteur de dates et nommez-le « Échéance ».

   Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

2. Ajoutez un contrôle Label et définissez sa propriété Text sur la formule suivante :

    DateDiff(Today(), Deadline.SelectedDate) & " days to go!"
   

   Vous souhaitez plus d’informations sur la fonction DateDiff ou d’autres fonctions ?

3. Appuyez sur F5, choisissez une date dans Échéance, puis sélectionnez OK.

   Le contrôle Label affiche le nombre de jours entre aujourd’hui et la date que vous avez choisie.

4. Pour revenir à l’espace de travail par défaut, appuyez sur Échap.

Réinitialiser le sélecteur de dates à la date par défaut

1. Ajoutez un contrôle Sélecteur de dates et nommez-le « DateTimeReset ».

   Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

2. Ajoutez un contrôle Button et définissez sa propriété OnChange sur la formule suivante :

   Reset(DateTimeReset)
   

3. Appuyez sur F5, choisissez une nouvelle date dans DateTimeReset, puis sélectionnez OK.

4. Appuyez sur le bouton. La date est réinitialisée à DefaultDate (Aujourd’hui).

5. Pour revenir à l’espace de travail par défaut, appuyez sur Échap.

Conseils sur l’accessibilité

Contraste des couleurs

• Les exigences de contraste de couleur standard s’appliquent.

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.
• Si IsEditable est vrai et que le format n’est pas ce que les utilisateurs attendent, ajoutez une étiquette pour expliquer les formats de date acceptés.

Prise en charge du clavier

• TabIndex doit être égal à zéro ou supérieur afin que les utilisateurs du clavier puissent y accéder.
• Les indicateurs de focus doivent être clairement visibles. Utilisez FocusBorderColor et FocusBorderThickness pour y parvenir.