WPF 自定义DateTimePicker（带时分秒选择）

大家好，好久不写博客了，这几天比较闲在，想了想把最近学习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