1. 顾名思义,DatePicker是一个日期选择控件。用于日期筛选等场景。
2.引入方法要使用该控件我们必须引入 Microsoft.Phone.Controls.Toolkit.dll,关于如何引入该dll,链接如下:
http://sxchao.blog.51cto.com/907640/850354
DatePicker类层次结构如下图
TimerPicker类层次结构如下图:
他们都于父类DateTiemPickerBase,所以他们拥有很多相同的属性。下面重点讲述DatePicker使用方法,TimerPicker同理可得.
3.在xaml当中如何引入该控件
- xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
设置Datepicker时间为 2010年2月3日
- <toolkit:TimePicker x:Name="timePicker" Value="14:20"/>
设置TimePicker时间为 2010年2月3日
- <toolkit:DatePicker x:Name="datePicker" Header="DatePicker" Value="2/3/2010" />
4.在cs代码当中动态生成DatePicker,TimePicker同理
- using Microsoft.Phone.Controls; // 同样先要引入命名空间
- DatePicker datePicker = new DatePicker(); //省略相关属性设置
如果要展示该控件 ,需要将该控件添加到父控件当中,才能显示,ContentPanel 为父控件Name
- this.ContentPanel.Children.Add(datePicker);
5.相关属性
Header="sxchao2008博客",设置 datepicker 标题
PickerPageUri 跳转到自定义日期,时间选择页面。
- <toolkit:DatePicker x:Name="datePicker1" Header="sxchao2008博客" Value="2/3/2010"
- PickerPageUri="/DatePickerDemo;component/CustomPage.xaml" />
Value 设置 控件显示日期
- <toolkit:DatePicker x:Name="datePicker" Value="5/10/2012"/>
ValueString 显示所选日期。
- void picker_ValueChanged(object sender, DateTimeValueChangedEventArgs e)
- {
- this.textBlock.Text = datePicker.ValueString;
- }
关键事件
ValueChanged,当日期值改变时触发
- this.datePickerStartDate.ValueChanged+=new EventHandler<DateTimeValueChangedEventArgs>(datePickerStartDate_ValueChanged);
private void datePickerStartDate_ValueChanged(object sender, DateTimeValueChangedEventArgs e)
{ getData(); }
需要注意的是:当在xmal当中添加控件后,会出现如下图情况
这是因为2个图标没有添加进来,我们选择好图标,放在该位置下即可,其中ApplicationBar.Cancel 为取消按钮图片, ApplicationBar.Check为确定按钮图片
本文如需转载,请用以下方式联系,并注明出sxchao2008
Email:[email protected]