Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker
2011-04-04 15:21
1236 查看
DatePicker和TimePicker控件是微软的Toolkit组件里面的控件。
DatePicker是日期的选择控件,运用于日期格式的输入。实现的效果如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/57706348f43b903c897bf500485a2869.jpg)
TimePicker是时间的选择控件,运用于时间格式的输入。实现的效果如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/c8e1ff4ae1eed8931bca128bc92b2289.jpg)
在Windows Phone 7程序中使用这两个控件
1、加载Microsoft.Phone.Controls.Toolkit.dll的引用
在xaml中添加空间引用
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
2、xaml调用语法
显示如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/5e8e7c84026b6b33b5668d854a233539.jpg)
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>
ValueChanged事件是选择了日期或者时间后触发的事件
在MainPage.xaml.cs页面演示这个事件的使用
选择了日期之后出现的效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/2ce7c83b9882168d09123177b4b20099.jpg)
DatePicker是日期的选择控件,运用于日期格式的输入。实现的效果如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/57706348f43b903c897bf500485a2869.jpg)
TimePicker是时间的选择控件,运用于时间格式的输入。实现的效果如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/c8e1ff4ae1eed8931bca128bc92b2289.jpg)
在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>
显示如下
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/5e8e7c84026b6b33b5668d854a233539.jpg)
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")); } }
选择了日期之后出现的效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202012/16/2ce7c83b9882168d09123177b4b20099.jpg)
相关文章推荐
- Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker
- Android之日期时间选择控件DatePicker和TimePicker
- Android之日期时间选择控件DatePicker和TimePicker实例
- Android UI控件系列:DatePicker,TimePicker(日期和时间选择)
- Windows Phone 8.1中日期和时间选择器DatePicker,TimePicker
- 04 - 基本控件:DatePicker日期选择器、TimePicker时间选择器
- 第11章、日期DatePicker与时间TimePicker控件(从零开始学Android)
- 安卓控件使用系列18:DatePicker日期控件和TimePicker时间控件的使用
- 日期控件DatePicker、时间控件TimePicker
- jQuery UI Datepicker的扩展控件Timepicker实现时间选择
- 第32讲 UI组件之 时间日期控件DatePicker和TimePicker
- 第11章、日期DatePicker与时间TimePicker控件(从零开始学Android)
- 联合使用DatePIcker和TimePicker来选择日期和时间
- 时间、日期选择器DatePicker、TimePicker
- android 控件 日期和时间(DatePicker,TimePicker)
- 第11章、日期DatePicker与时间TimePicker控件(从零开始学Android)
- Android开发之日期、时间选择器(DatePicker和TimePicker)的功能和用法
- 日期和时间选择器(DatePicker与TimePicker的用法)
- My97 datepicker 日期控件添加时间自动选择 年龄,生肖,星座
- 时间和日期选择器DatePicker和TimePicker的使用