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

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

选择了日期之后出现的效果如下：