Управляющий элемент выбора датыDate picker

Элемент выбора даты — это стандартизованный способ, позволяющий пользователям выбирать локализованное значение даты с помощью сенсорного ввода, мыши или клавиатуры.The date picker gives you a standardized way to let users pick a localized date value using touch, mouse, or keyboard input.

Пример элемента выбора даты

Получение библиотеки пользовательского интерфейса WindowsGet the Windows UI Library

Логотип WinUI

Библиотека пользовательского интерфейса Windows 2.2 или более поздних версий содержит новый шаблон для этого элемента управления, который использует закругленные углы.Windows UI Library 2.2 or later includes a new template for this control that uses rounded corners. Дополнительные сведения см. в разделе о радиусе угла.For more info, see Corner radius. WinUI — это пакет NuGet, содержащий новые элементы управления и функции пользовательского интерфейса для приложений для Windows.WinUI is a NuGet package that contains new controls and UI features for Windows apps. Дополнительные сведения, включая инструкции по установке, см. в описании библиотеки пользовательского интерфейса Windows.For more info, including installation instructions, see Windows UI Library.

API платформы: класс DatePicker, свойство DatePlatform APIs: DatePicker class, Date property

Выбор правильного элемента управленияIs this the right control?

Используйте элемент выбора даты, чтобы пользователь мог выбрать известную дату, например дату рождения, если контекст календаря не важен.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.

Дополнительные сведения о выборе правильного элемента выбора даты см. в статье Элементы управления датой и временем.For more info about choosing the right date control, see the Date and time controls article.

ПримерыExamples

XAML Controls GalleryXAML Controls Gallery
XAML controls gallery

Если у вас установлено приложение галереи элементов управления XAML, щелкните здесь, чтобы открыть приложение и увидеть DatePicker в действии.If you have the XAML Controls Gallery app installed, click here to open the app and see the DatePicker in action.

Точка входа отображает выбранную дату, и при выборе пользователем точки входа поверхность выбора разворачивается вертикально от середины, чтобы пользователь мог сделать выбор.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. Элемент выбора даты накладывается на другие элементы пользовательского интерфейса, не вытесняя их.The date picker overlays other UI; it doesn't push other UI out of the way.

Пример разворачивания элемента выбора даты

Создание элемента выбора датыCreate a date picker

Этот пример демонстрирует, как создать простой элемент выбора даты с заголовком.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";

Готовый элемент выбора даты выглядит следующим образом:The resulting date picker looks like this:

Пример элемента выбора даты

Примечание.   Важные сведения о значениях даты см. в разделе Значения DateTime и Calendar статьи "Элементы управления датой и временем".Note  For important info about date values, see DateTime and Calendar values in the Date and time controls article.

Получение примера кодаGet the sample code