DatumsauswahlDate picker

Mit der Datumsauswahl verfügen Sie über eine standardisierte Methode, Benutzern die Möglichkeit zu bieten, einen lokalisierten Datumswert per Touch-, Maus- oder Tastatureingabe auszuwählen.The date picker gives you a standardized way to let users pick a localized date value using touch, mouse, or keyboard input.

Beispiel für eine Datumsauswahl

Abrufen der Windows-UI-BibliothekGet the Windows UI Library

WinUI-Logo

Die Bibliothek „Windows UI“ enthält ab Version 2.2 eine neue Vorlage für dieses Steuerelement, die abgerundete Ecken verwendet.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Weitere Informationen finden Sie unter Eckradius.For more info, see Corner radius. WinUI ist ein NuGet-Paket, das neue Steuerelemente und Benutzeroberflächenfeatures für Windows-Apps enthält.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Weitere Informationen, einschließlich Installationsanweisungen, finden Sie unter Windows UI Library (Windows-UI-Bibliothek).For more info, including installation instructions, see Windows UI Library.

Plattform-APIs: DatePicker-Klasse, Date-EigenschaftPlatform APIs: DatePicker class, Date property

Ist dies das richtige Steuerelement?Is this the right control?

Verwenden Sie eine Datumsauswahl, damit Benutzer ein bekanntes Datum wie etwa einen Geburtstag auswählen können, bei dem der Kalenderkontext unwichtig ist.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.

Weitere Informationen zur Auswahl des richtigen Datumssteuerelements finden Sie im Artikel über Datums- und Uhrzeitsteuerelemente.For more info about choosing the right date control, see the Date and time controls article.

BeispieleExamples

XAML-SteuerelementekatalogXAML Controls Gallery
XAML controls gallery

Wenn Sie die App XAML-Steuerelementekatalog installiert haben, klicken Sie hier, um die App zu öffnen und DatePicker in Aktion zu sehen.If you have the XAML Controls Gallery app installed, click here to open the app and see the DatePicker in action.

Der Einstiegspunkt zeigt das ausgewählte Datum an, und wenn der Benutzer den Einstiegspunkt auswählt, wird eine Auswahloberfläche von der Bildschirmmitte aus vertikal erweitert, damit eine Auswahl getroffen werden kann.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. Die Datumsauswahl überlagert andere Elemente der Benutzeroberfläche; die anderen Elemente der Benutzeroberfläche werden jedoch nicht „beiseitegeschoben“.The date picker overlays other UI; it doesn't push other UI out of the way.

Beispiel für die Erweiterung der Datumsauswahl

Erstellen einer DatumsauswahlCreate a date picker

Dieses Beispiel zeigt, wie Sie eine einfache Datumsauswahl mit einer Kopfzeile erstellen.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";

Die fertige Datumsauswahl sieht wie folgt aus:The resulting date picker looks like this:

Beispiel für eine Datumsauswahl

Hinweis  Wichtige Informationen zu Datumswerten finden Sie im Artikel zu Datums- und Uhrzeitsteuerelementen unter DateTime- und Calendar-Werte.Note  For important info about date values, see DateTime and Calendar values in the Date and time controls article.

Beispielcode herunterladenGet the sample code