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

2022-05-05 11:55:35 浏览数 (2)

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

Demo下载:

Newbeecoder.UI.zip

根据产品图设计一款好看的软件用Newbeecoder.UI能完美实现

前言

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

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

  • SelectedDate - 所选日期:)
  • DateFormat - 该日期应如何显示(yyyy-MM-hh 等)
  • MinimumDate - 可以选择的最小日期值
  • MaximumDate - 可以选择的最大日期值
  • 将星期一显示为一周的第一天。
代码语言:c#复制
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控件库有三种日期控件:日期控件,日期时间控件,时间控件,如下图:

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

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

代码语言:html复制
<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}}" BorderThickness=

0 人点赞