诺基亚WP-Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker-DEVDIV.COM

诺基亚WP

259

Windows Phone 7 日期选择控件DatePicker和时间选择控件TimePicker

2012-2-16 16:11| 发布者: Vincent| 评论: 2|原作者: SilverLight

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"));
}
}