win8 metro 时间日期选择控件

由于win8缺少时间日期选择控件，在网上找到了一个高手手写的demo（可以在http://xamlwinrtcalendar.codeplex.com/上下载）。另外WinRTXamlToolkit.Controls.Calendar上也可以调用日历，还未尝试。

metro前台

<common:LayoutAwarePage
    xmlns:c4fConverters="using:Coding4Fun.Toolkit.Controls.Converters"
    xmlns:c4fToolkit="using:Coding4Fun.Toolkit.Controls"
    xmlns:DatePicker="using:DatePicker"//在项目中引用DatePicker文件夹
    xmlns:controls="using:WinRTXamlToolkit.Controls"
    >
        <Popup x:Name="LightDismissAnimatedPopup" HorizontalOffset="600" Grid.Row="1"
              VerticalOffset="200" IsLightDismissEnabled="False">
            <Popup.ChildTransitions>
                <TransitionCollection>
                    <PopupThemeTransition />
                </TransitionCollection>
            </Popup.ChildTransitions>
            <Border BorderBrush="{StaticResource ApplicationForegroundThemeBrush}" 
                    BorderThickness="2" Background="{StaticResource ApplicationPageBackgroundThemeBrush}" 
                    Width="330" Height="500">
                <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                    <TextBlock Text="选择日期" FontSize="24.667" HorizontalAlignment="Center" />
                    <DatePicker:DatePicker x:Name="dtPicker" Value="{Binding CurrentDateTime, Mode=TwoWay}"
                    	HorizontalAlignment="Center" VerticalAlignment="Center" Height="350"  />
                    <Grid HorizontalAlignment="Stretch" >
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition />
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Button Grid.Column="0" Content="选择今天" Click="TodayPopupClicked" HorizontalAlignment="Center" />
                        <Button Grid.Column="1" Content="关闭" Click="CloseAnimatedPopupClicked" HorizontalAlignment="Center" />
                    </Grid>
                </StackPanel>
            </Border>
        </Popup>
            <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" Margin="0,87,0,-20" Grid.RowSpan="3" Width="1191">
                <TextBlock FontSize="33" Height="auto"  Text="请选择需要查询的日期:" Margin="20,20,20,38" TextAlignment="Right" Width="503"/>
                <c4fToolkit:Tile>
                    <StackPanel Width="auto">
                        <TextBox   HorizontalAlignment="Left"  IsReadOnly="True"  x:Name="datePicker"   TextWrapping="Wrap" Text="{Binding CurrentDateTime, Converter={StaticResource DebugConverter}}"
        	VerticalAlignment="Center" Height="57"  Width="448" Margin="0,20,30,0" GotFocus="datePicker_GotFocus" />
                    </StackPanel>
                </c4fToolkit:Tile>
                <Button x:Name="btnRefresh" FontSize="22" Click="btnRefresh_Click"  Content="刷新"  Width="123" Height="44" Margin="0,20,0,24"/>
            </StackPanel>

metro 后台

    public class DebugConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            return System.Convert.ToDateTime(value).ToString("yyyy年MM月dd日");
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            return value;
        }
    }
        private DateTime currentDateTime;
        public DateTime CurrentDateTime
        {
            get { return currentDateTime; }
            set
            {
                if (value == currentDateTime)
                    return;
                currentDateTime = value;
                if (this.PropertyChanged != null)
                    this.PropertyChanged(this, new PropertyChangedEventArgs("CurrentDateTime"));
            }
        }
        public event PropertyChangedEventHandler PropertyChanged;
        private void CloseAnimatedPopupClicked(object sender, RoutedEventArgs e)
        {
            if (LightDismissAnimatedPopup.IsOpen) { LightDismissAnimatedPopup.IsOpen = false; }
            DateTime time = Convert.ToDateTime(datePicker.Text);
            string url = "数据地址" + time.ToString("yyyy-MM-dd");
            WebRequest request = HttpWebRequest.Create(url);
            IAsyncResult result = (IAsyncResult)request.BeginGetResponse(ResponseCallBack, request);
        }
        private void TodayPopupClicked(object sender, RoutedEventArgs e)
        {
            dtPicker.Value = DateTime.Now;
        }
        private void datePicker_GotFocus(object sender, RoutedEventArgs e)
        {
            if (!LightDismissAnimatedPopup.IsOpen) { LightDismissAnimatedPopup.IsOpen = true; }
        }

效果图