DatePicker и TimePicker

DatePicker

Элемент DatePicker используется для выбора даты:

<DatePicker x:Name="datePicker1" />

При нажатии на элемент появляется список для выбора даты, месяца, года:

Среди свойств DatePicker можно отметить следующие:

• DayFormat: формат отображения дней

• MonthFormat: формат отображения месяцев

• YearFormat: формат отображения годов

• CalendarIdentifier: идентификатор календаря, который имеет те же самые значения, что и у CalendarDatePicker

• MaxYear: максимальный год для выбора

• MinYear: наименьший год для выбора

• Header: заголовок над элементом управления

Для обработки выбора даты мы можем использовать событие DateChanged:

<StackPanel HorizontalAlignment="Center">
    <DatePicker x:Name="datePicker1" DateChanged="datePicker_DateChanged" />
    <TextBlock x:Name="textBlock1" />
</StackPanel>

И обработчик в файле кода C#:

private void datePicker_DateChanged(object sender, DatePickerValueChangedEventArgs e)
{
    DateTimeOffset dateOffset = datePicker1.Date;
    textBlock1.Text = dateOffset.Date.ToString("dd.MM.yyyy");
}

TimePicker

TimePicker применяется для отображения или установки времени:

<TimePicker HorizontalAlignment="Center" VerticalAlignment="Top" 
			Header="Текущее время:" ClockIdentifier="24HourClock" />

Свойство Header задает заголовок, а свойство ClockIdentifier формат отображения времени. Оно принимает два значения: 12HourClock (12-часовой формат) и 24HourClock (24-часовой формат). При нажатии на часы или минуты произойдет открытие списка, в котором можно установить новое время:

Чтобы отследить изменение времени в TimePicker мы можем обрабатывать событие TimeChanged:

<StackPanel>
    <TimePicker x:Name="timePicker1" Header="Текущее время:" ClockIdentifier="24HourClock" TimeChanged="TimePicker_TimeChanged" />
    <TextBlock x:Name="textBlock1" />
</StackPanel>

В обработчике будем выводить выбранное время в текстовый блок:

private void TimePicker_TimeChanged(object sender, TimePickerValueChangedEventArgs e)
{
    TimeSpan time = timePicker1.Time;
    textBlock1.Text = $"{time.Hours} : {time.Minutes}";
}

Свойство Time хранит выбранное время в виде объекта TimeSpan. Получив этот объект, мы можем использовать его свойства и методы: