WPF 自定义DateTimePicker(带时分秒选择)

  • Post author:
  • Post category:其他


大家好,好久不写博客了,这几天比较闲在,想了想把最近学习WPF和项目中用到的一些控件啊和知识分享给大家。

在项目中我们经常用到时间选择器,winfrom中就有datetimepicker这个控件,但是wpf中只能选择到天,不能选择时分秒,在网上找了半天也没有发现一个合适的,于是准备自己写一个,但是呢自己写又觉得可能不是很美观就想着从GitHub上找一个模板来自己改一下,我在GitHub上边是这样搜索的:

然后选择关于C#的那一栏,然后就开始了漫长的寻找之旅………

最终,我找到了一个还算比较合适的,那么马上进行修改吧。(


我用的那个是哪个我也忘了,有知道的小伙伴记得留言告诉我,我在博客中加上人家的GitHub地址


  • 首先在vs你的项目中创建一个关于自定义控件的类库,并添加如下引用(一定要引用全,不然会报错的):
  • 第二步,把从GitHub上下载下来的项目提取你需要的那一部分(哈哈,感觉有点无耻),这个DateTimePicker文件夹下的就是咱们所需要的了:

    下面的图就是整个的组成:

    DateTimePicker.xaml 其实就是一个文本框,然后点击文本框使用pop弹出TDateTimeView.xaml

  • 第三步,对DateTimePicker.xaml进行修改,因为在项目中引用咱们肯定是只用DateTimePicker.xaml的,所以要对DateTimePicker.xaml的一些属性进行修改来符合咱们的使用条件,有可能也需要加到一些新功能。因为我们项目时MVVM架构的,所以获得时间的值-DateTimeStr 是不能传递给咱们的后台的,所以需要把DateTimeStr改为依赖属性(这个网上都是有的)

    /// <summary>
    /// 日期时间
    /// </summary>
    public string DateTimeStr
    {
       get { return (string)GetValue(DateTimeProperty); }
       set { SetValue(DateTimeProperty, value); }
    }
    // Using a DependencyProperty as the backing store for DateTimeText.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty DateTimeProperty =
                DependencyProperty.Register("DateTimeStr", typeof(string), typeof(DateTimePicker));

    有时候呢,咱们可能也需要时间改变后能通知后台进行一些操作,这就需要用到命令,原来的DateTimePicker.xaml用的是TextBlock这个文本框,咱们需要改成TextBox 因为这个文本框有TextChanged这个事件,咱们可以通过这个事件来触发时间更改的命令,下边是添加的命令和TextChanged事件触发后的方法:

    public ICommand TimeChangeCommand
            {
                get { return (ICommand)GetValue(TimeChangeCommandProperty); }
                set { SetValue(TimeChangeCommandProperty, value); }
            }
    
            // Using a DependencyProperty as the backing store for SearchCommand.  This enables animation, styling, binding, etc...
            public static readonly DependencyProperty TimeChangeCommandProperty =
                DependencyProperty.Register("TimeChangeCommand", typeof(ICommand), typeof(DateTimePicker), new PropertyMetadata(null));
    
    /// <summary>
            /// The delete event
            /// </summary>
            public static readonly RoutedEvent TimeTextChangedEvent =
                 EventManager.RegisterRoutedEvent("TimeTextChanged", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(DateTimePicker));
    
            /// <summary>
            /// 时间改变的操作.
            /// </summary>
            public event RoutedEventHandler TimeTextChanged
            {
                add
                {
                    AddHandler(TimeTextChangedEvent, value);
                }
    
                remove
                {
                    RemoveHandler(TimeTextChangedEvent, value);
                }
            }
    
    public void TimeTextChanged_Click(object sender, TextChangedEventArgs e)
            {
                ButtonAutomationPeer bam = new ButtonAutomationPeer(TimeChangeBtn);
                IInvokeProvider iip = bam.GetPattern(PatternInterface.Invoke) as IInvokeProvider;
                iip.Invoke();
            }

因为DateTimePicker.xaml只有一个文本框不是很美观也不能突出他是一个DateTimePicker的选择器,所以咱们在文本框的末尾加一个时间选择器的小图标,这个

图标的路径使用的是你引用这个自定义控件的项目下的路径,这个要注意。

至此,咱们这个时间选择器就修改完了,让我们在项目中使用来体验一下,具体的使用方式我在demo里都写好了,项目的源代码我放在了文章的末尾,是用VS2013编译的,需要自取哦,如果解决了你的问题的话记得给我点个赞,富裕的大佬记得给个赞赏(此时脸皮贼厚)。

下载地址:

WPF_DateTimePicker.zip – 蓝奏云


推荐一个开源的wpf控件库 handycontrol,上边的时间控件和其他控件更好,有需要的可以去看看


DateTimePicker 日期时间选择器 | HandyOrg



版权声明:本文为m0_37986311原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。