DatePicker和TimePicker控件是微软的Toolkit组件里面的控件。
DatePicker是日期的选择控件,运用于日期格式的输入。实现的效果如下
TimePicker是时间的选择控件,运用于时间格式的输入。实现的效果如下
在Windows Phone 7程序中使用这两个控件
1、加载Microsoft.Phone.Controls.Toolkit.dll的引用
在xaml中添加空间引用
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
2、xaml调用语法
< StackPanel x:Name ="ContentPanel" Grid.Row ="1" Margin ="12,0,12,0" >
< toolkit:DatePicker x:Name ="datePicker" Header ="DatePicker日期选择控件" Value ="2/3/2010" />
< toolkit:TimePicker x:Name ="timePicker" Header ="TimePicker时间选择控件" ValueStringFormat =" {}{0:T} " />
< toolkit:DatePicker x:Name ="datePicker1" Header ="扩展的DatePicker控件" Value ="2/3/2010"
PickerPageUri ="/DatePickerDemo;component/CustomPage.xaml" />
</ StackPanel >
显示如下
PickerPageUri 是指扩展的控件的链接URL,就是自己实现了对这个控件的扩展的地址。
扩展控件需要继承IDateTimePickerPage接口
下面是CustomPage.xaml的代码
< Grid x:Name ="ContentPanel" Grid.Row ="1" Margin ="12,0,12,0" >
< Border BorderBrush ="Red" Background ="Orange" Height ="200" Width ="300" >
< Button Content ="DateTime Now" x:Name ="btn" Click ="btn_Click" />
</ Border >
</ Grid >
public partial class CustomPage : PhoneApplicationPage, IDateTimePickerPage
{
public CustomPage()
{
InitializeComponent();
}
#region IDateTimePickerPage Members
public DateTime ? Value
{
get ;
set ;
}
#endregion
private void btn_Click( object sender, RoutedEventArgs e)
{
// 选择时间并关闭页面
Value = DateTime.Now;
NavigationService.GoBack(); // 返回
}
}
ValueChanged事件是选择了日期或者时间后触发的事件
在MainPage.xaml.cs页面演示这个事件的使用
public partial class MainPage : PhoneApplicationPage
{
// Constructor
public MainPage()
{
InitializeComponent();
this .datePicker.ValueChanged += new EventHandler < DateTimeValueChangedEventArgs > (picker_ValueChanged);
}
void picker_ValueChanged( object sender, DateTimeValueChangedEventArgs e)
{
DateTime date = (DateTime)e.NewDateTime;
MessageBox.Show(date.ToString( " d " ));
}
}
选择了日期之后出现的效果如下: