时间选择器TimePicker和日期选择器DatePicker

27-UWP开发-时间选择器TimePicker和日期选择器DatePicker

时间选择器 TimePicker 和日期选择器 DatePicker 是关于时间和日期选择的控件。TimePicker 包含时分秒，DatePicker 包含年月日。

语法

<TimePicker.../>
<DatePicker.../>Code language: HTML, XML (xml)

一些常用属性

Header 属性作为控件说明的标头。

当用户点击选择了他们的值的时候，会触发 TimePicker 控件的 TimeChanged 事件或者 DatePicker 控件的 DateChanged 事件。

TimePicker 的 Time 属性表示它的值，为 TimeSpan 类型。

DatePicker 的 Date 属性代表它的值，为 DateTimeOffset 类型。

练一练

<TimePicker
    Name="timepicker"
    HorizontalAlignment="Left"
    Margin="305,95,0,0"
    VerticalAlignment="Top"
    Header="选择时间"
    TimeChanged="TimePicker_TimeChanged"/>
<DatePicker
    Name="datepicker"
    HorizontalAlignment="Left"
    Margin="305,283,0,0"
    VerticalAlignment="Top"
    Header="选择日期"
    DateChanged="DatePicker_DateChanged"/>Code language: HTML, XML (xml)

private void DatePicker_DateChanged(object sender, DatePickerValueChangedEventArgs e)
{
    DateTimeOffset dto = this.datepicker.Date;
}

private void TimePicker_TimeChanged(object sender, TimePickerValueChangedEventArgs e)
{
    TimeSpan ts = this.timepicker.Time;
}Code language: JavaScript (javascript)