WPF 开源控件库 Newbeecoder.UI推荐:日期时间

92 篇文章 24 订阅
31 篇文章 7 订阅

wpf DatePicker允许用户选择日期值的控件。用户通过使用ComboBox选择月、日和年值来选择日期,自带日期控件不能选择时间。

  Demo下载地址:

 WPF控件库:Newbeecoder.UIicon-default.png?t=M1L8https://share.weiyun.com/py6W1dcK

根据产品图设计一款好看的软件用Newbeecoder.UI能完美实现,先视频演示Newbeecoder.UI控件库效果:

C# WPF新版开源控件库:Newbeecoder.UI

前言

DatePicker控件的结构包括显示日期文本框,日期选择下拉按钮,月单元格,年单元格。

下面的示例创建上图中所示的DatePicker。DatePicker的控制中有四个主要变量:

  • SelectedDate - 所选日期:)
  • DateFormat - 该日期应如何显示(yyyy-MM-hh 等)
  • MinimumDate - 可以选择的最小日期值
  • MaximumDate - 可以选择的最大日期值
  • 将星期一显示为一周的第一天。
DatePicker datePickerFor2009 = new DatePicker();
datePickerFor2009.SelectedDate = new DateTime(2009, 3, 23);
datePickerFor2009.DisplayDateStart = new DateTime(2009, 1, 1);
datePickerFor2009.DisplayDateEnd = new DateTime(2009, 12, 31);
datePickerFor2009.SelectedDateFormat = DatePickerFormat.Long;
datePickerFor2009.FirstDayOfWeek = DayOfWeek.Monday;
root.Children.Add(datePickerFor2009);

Newbeecoder.UI控件库有三种日期控件:日期控件,日期时间控件,时间控件,如下图:

在日期弹出下拉有年月日选择器,控件库也设计一款主题风格的日历控件。

给出调用四种时间日期控件代码:

<TextBlock Text="日期" Margin="5"/>
<NbDateTimePicker Style="{DynamicResource DefaultDateTimePickerStyle}" Margin="5" DateTimePickerMode="Date" Width="180" MaxDate="{Binding Source={x:Static sys:DateTime.Now}, StringFormat='{}{0:dd/MM/yyyy}'}"/>
<TextBlock Text="日期时间" Margin="5"/>
<NbDateTimePicker Style="{DynamicResource DefaultDateTimePickerStyle}" Margin="5" DateTimePickerMode="DateTime" Width="180" MaxDate="{Binding Source={x:Static sys:DateTime.Now}, StringFormat='{}{0:dd/MM/yyyy}'}"/>
<TextBlock Text="时间" Margin="5"/>
<NbDateTimePicker Style="{DynamicResource DefaultDateTimePickerStyle}" Margin="5" DateTimePickerMode="Time" Width="180"/>
<TextBlock Text="日历" Margin="5"/>
<NbCalendar BorderBrush="{Binding Path=Color.Brush_Border1, Source={x:Static NbTheme.Current

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值