Sélecteur de datesDate picker

Le sélecteur de dates offre aux utilisateurs une méthode standard de sélection des valeurs des dates localisées à l’aide d’une entrée tactile, de la souris ou du clavier.The date picker gives you a standardized way to let users pick a localized date value using touch, mouse, or keyboard input.

Exemple de sélecteur de dates

Obtenir la bibliothèque d’interface utilisateur WindowsGet the Windows UI Library

Logo WinUI

La bibliothèque d’interface utilisateur Windows version 2.2 ou ultérieure inclut pour ce contrôle un nouveau modèle qui utilise des angles arrondis.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Pour plus d’informations, consultez Rayons des angles.For more info, see Corner radius. WinUI est un package NuGet qui contient de nouveaux contrôles et des fonctionnalités d’interface utilisateur pour les applications Windows.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Pour plus d’informations, notamment des instructions d’installation, consultez la bibliothèque d’interface utilisateur Windows.For more info, including installation instructions, see Windows UI Library.

API de plateforme : classe DatePicker, propriété DatePlatform APIs: DatePicker class, Date property

Est-ce le contrôle approprié ?Is this the right control?

Utilisez un sélecteur de dates pour permettre à un utilisateur de choisir une date connue, par exemple, une date de naissance, où le contexte du calendrier n’est pas important.Use a date picker to let a user pick a known date, such as a date of birth, where the context of the calendar is not important.

Pour plus d’informations sur le choix du contrôle de date approprié, voir l’article Contrôles de date et d’heure.For more info about choosing the right date control, see the Date and time controls article.

ExemplesExamples

Galerie de contrôles XAMLXAML Controls Gallery
XAML controls gallery

Si vous disposez de l’application Galerie de contrôles XAML, cliquez ici pour ouvrir l’application et voir l’objet DatePicker en action.If you have the XAML Controls Gallery app installed, click here to open the app and see the DatePicker in action.

Le point d’entrée affiche la date choisie, et lorsque l’utilisateur sélectionne ce point d’entrée, la surface du sélecteur s’agrandit à la verticale à partir du milieu pour que l’utilisateur effectue une sélection.The entry point displays the chosen date, and when the user selects the entry point, a picker surface expands vertically from the middle for the user to make a selection. Le sélecteur de dates se superpose aux autres éléments de l’interface utilisateur ; il ne les ferme pas.The date picker overlays other UI; it doesn't push other UI out of the way.

Exemple de développement du sélecteur de date

Créer un sélecteur de datesCreate a date picker

Cet exemple montre comment créer un sélecteur de dates simple avec un en-tête.This example shows how to create a simple date picker with a header.

<DatePicker x:Name="birthDatePicker" Header="Date of birth"/>
DatePicker birthDatePicker = new DatePicker();
birthDatePicker.Header = "Date of birth";

Le sélecteur de dates qui en résulte se présente comme suit :The resulting date picker looks like this:

Exemple de sélecteur de dates

Remarque  Pour obtenir des informations importantes sur les valeurs de date, consultez Valeurs DateTime et Calendar dans l’article Contrôles de date et d’heure.Note  For important info about date values, see DateTime and Calendar values in the Date and time controls article.

Obtenir l’exemple de codeGet the sample code