C#/ XAML Metro应用程序中的DatePicker控件?

时间:2012-09-25 05:04:06

标签: xaml microsoft-metro winrt-xaml

我想在我的城域网应用程序中使用DATEPICKER控件,但似乎c#/ xaml metro应用程序中没有可用的datepicker控件,

你们中的任何一个人为此找到了解决方法吗?

请告诉我,

谢谢&问候。

4 个答案:

答案 0 :(得分:2)

我从codeplex上的私有解决方案中找到了这个,我真诚地向拥有该链接的任何人道歉...但您可以使用以下代码创建一个控件:

Xaml文件:

<UserControl x:Class="MyNamespace.Controls.DatePicker"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid x:Name="LayoutRoot" Background="Transparent">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <ComboBox x:Name="Day" Grid.Column="0" SelectionChanged="Day_SelectionChanged" Width="70" Margin="0,0,10,0" />
            <ComboBox x:Name="Month" Grid.Column="1" SelectionChanged="Day_SelectionChanged" Width="70" Margin="0,0,10,0" />
            <ComboBox x:Name="Year" Grid.Column="2" SelectionChanged="Day_SelectionChanged" Width="100" />
        </Grid>
    </Grid>
</UserControl>

及其背后的代码:

using System;
using System.Collections.Generic;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace MyNamespace.Controls
{
    public sealed partial class DatePicker
    {
        private bool initializing = true; 
        public DatePicker()
        {
            InitializeComponent();

            UpdateValues(0, 0);
            Day.SelectedIndex = 0;
            Month.SelectedIndex = 0;
            Year.SelectedIndex = 0;
            initializing = false; 
        }

        public static readonly DependencyProperty AllowNullProperty =
            DependencyProperty.Register("AllowNull", typeof(bool), typeof(DatePicker), new PropertyMetadata(true));

        public bool AllowNull
        {
            get { return (bool)GetValue(AllowNullProperty); }
            set { SetValue(AllowNullProperty, value); }
        }

        public static readonly DependencyProperty SelectedDateProperty =
            DependencyProperty.Register("SelectedDate", typeof(DateTime?), typeof(DatePicker), new PropertyMetadata(null, OnSelectedItemChanged));

        public DateTime? SelectedDate
        {
            get { return (DateTime?)GetValue(SelectedDateProperty); }
            set { SetValue(SelectedDateProperty, value); }
        }

        public event RoutedEventHandler SelectedItemChanged; 

        private static void OnSelectedItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var ctrl = (DatePicker)d;
            if (ctrl.initializing)
                return;

            ctrl.initializing = true;
            ctrl.UpdateDate();
            ctrl.initializing = false; 

            if (ctrl.SelectedItemChanged != null)
                ctrl.SelectedItemChanged(ctrl, new RoutedEventArgs());
        }

        public void UpdateDate()
        {
            if (SelectedDate.HasValue)
            {
                UpdateValues(SelectedDate.Value.Year, SelectedDate.Value.Month);

                if (AllowNull)
                {
                    Day.SelectedIndex = SelectedDate.Value.Day;
                    Month.SelectedIndex = SelectedDate.Value.Month;
                    Year.SelectedIndex = SelectedDate.Value.Year - 2000 + 1;
                }
                else
                {
                    Day.SelectedIndex = SelectedDate.Value.Day - 1;
                    Month.SelectedIndex = SelectedDate.Value.Month - 1;
                    Year.SelectedIndex = SelectedDate.Value.Year - 2000;
                }
            }
            else
            {
                UpdateValues(0, 0);
                Day.SelectedIndex = 0;
                Month.SelectedIndex = 0;
                Year.SelectedIndex = 0;
            }
        }

        public void UpdateValues(int year, int month)
        {
            var days = new List<string>();
            if (AllowNull)
                days.Add(" ");
            for (var i = 1; i <= 31; i++)//(year != 0 && month != 0 ? DateTime.DaysInMonth(year, month) : 31); i++)
                days.Add(i.ToString());

            var months = new List<string>();
            if (AllowNull)
                months.Add(" ");
            for (var i = 1; i <= 12; i++)
                months.Add(i.ToString());

            var years = new List<string>();
            if (AllowNull)
                years.Add(" ");
            for (var i = 2000; i <= 2020; i++)
                years.Add(i.ToString());

            if (Month.SelectedIndex > months.Count - 1)
                Month.SelectedIndex = months.Count - 1; 

            Day.ItemsSource = days;
            Month.ItemsSource = months;
            Year.ItemsSource = years; 
        }

        private void Day_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            if (initializing)
                return;

            var hour = SelectedDate != null ? SelectedDate.Value.Hour : 0;
            var minute = SelectedDate != null ? SelectedDate.Value.Minute : 0;
            var second = SelectedDate != null ? SelectedDate.Value.Second : 0;

            initializing = true;
            if (AllowNull && (Day.SelectedIndex == 0 || Month.SelectedIndex == 0 || Year.SelectedIndex == 0))
                SelectedDate = null;
            else
            {
                if (AllowNull)
                    SelectedDate = new DateTime(Year.SelectedIndex + 2000 - 1, Month.SelectedIndex, Day.SelectedIndex, hour, minute, second);
                else
                    SelectedDate = new DateTime(Year.SelectedIndex + 2000, Month.SelectedIndex + 1, Day.SelectedIndex + 1, hour, minute, second);
            }

            //if (SelectedItem.HasValue)
            //  UpdateValues(SelectedItem.Value.Year, SelectedItem.Value.Month);
            //else
            //  UpdateValues(0, 0);

            initializing = false; 
        }
    }
}

答案 1 :(得分:2)

现在有一个针对微软提供的Windows应用商店应用的DatePicker控件。它配备了Windows 8.1。

点击此处查看其他新控件: http://msdn.microsoft.com/en-us/library/windows/apps/bg182878.aspx

答案 2 :(得分:1)

Telerik提供了一个DatePicker。但它不是免费的。

答案 3 :(得分:0)

通过这个Link,我认为这就是你要找的。

在此之前,你必须安装telerik免费的windows8 rc