首页 > 其他分享 >界面控件Telerik UI for WPF中文教程 - 如何轻松实现日期范围选择?

界面控件Telerik UI for WPF中文教程 - 如何轻松实现日期范围选择?

时间:2024-05-15 09:57:30浏览次数:32  
标签:控件 Telerik DateTime 日期 UI WPF Today

Telerik UI for WPF拥有超过100个控件来创建美观、高性能的桌面应用程序,同时还能快速构建企业级办公WPF应用程序。UI for WPF支持MVVM、触摸等,创建的应用程序可靠且结构良好,非常容易维护,其直观的API将无缝地集成Visual Studio工具箱中。

Telerik UI for WPF中的RadDateRangePicker组件彻底改变了WPF应用程序中的日期选择,它提供了一个时尚的界面,可以毫不费力地选择开始和结束日期,增强了个性化外观的定制,并且可以轻松地通过事件进行交流。

Telerik UI for WPF 2024 Q1新版下载

当您需要再WPF应用程序中实现日期选择时,Telerik UI for WPF经典的RadDatePicker组件是不可多得的好用工具,它将日期选择的实现提升到了一个新的水平高度 ,让我们一起来了解一下这个神奇的RadDateRangePicker组件吧!

界面控件Telerik UI for WPF中文教程图集
设置阶段

首先准备项目并向这些程序集添加引用:

Telerik.Windows.Controls
Telerik.Windows.Controls.Input

现在关注RadDateRangePicker,只需像这样将其集成到XAML中:

<telerik:RadDateRangePicker />

需要设置特定的日期范围?没有问题:

<telerik:RadDateRangePicker StartDate="2024/2/05" EndDate="2024/2/15"/>
界面控件Telerik UI for WPF中文教程图集
自定义范围

预定义的日期范围增加了样式,实用CustomRangesLoadingEventArgs自定义或丢弃它们,检查这个片段:

private void RadDateRangePicker_CustomRangesLoading(object sender, CustomRangesLoadingEventArgs e)
{
// Add a new custom range
var newRange = new CustomRange("Last 14 days")
{
StartDate = DateTime.Today.AddDays(-14),
EndDate = DateTime.Today
};
e.CustomRanges.Add(newRange);
}
界面控件Telerik UI for WPF中文教程图集
文化定制工具包

转换文化和语言是轻而易举的事:

this.dateRangePicker.Culture = new System.Globalization.CultureInfo("de-DE");
界面控件Telerik UI for WPF中文教程图集
自定义一周

改变游戏规则,调整一周的第一天,制定一周的规则,甚至取消日期:

<telerik:RadDateRangePicker x:Name="dateRangePicker" FirstDayOfWeek="Monday" AreWeekNamesVisible="True" IsDefaultRangesPanelVisible="False"/>

var weekends = new ObservableCollection<DateTime>();
var daysInMonth = DateTime.DaysInMonth(DateTime.Today.Year, DateTime.Today.Month);
var startDate = new DateTime(DateTime.Today.Year, DateTime.Today.Month, 1);
for (int i = 0; i < daysInMonth; i++)
{
var currentDate = startDate.AddDays(i);
if (currentDate.DayOfWeek == DayOfWeek.Saturday || currentDate.DayOfWeek == DayOfWeek.Sunday)
{
weekends.Add(currentDate);
}
}
this.dateRangePicker.BlackoutDates = weekends;
界面控件Telerik UI for WPF中文教程图集
外观调整

尝试一下外观和感觉:

  • 定义没有选择日期时显示的内容。
  • 决定是否保留或删除清除按钮。
  • 控制顶部栏和标题的可见性。
  • 选择自定义范围面板是否可见。
界面控件Telerik UI for WPF中文教程图集

此外,还可以从Telerik UI for WPF主题套件中选择一个主题来提升RadDateRangePicker的视觉吸引力。想尝试不同的造型吗?继续使用ColorThemeGenerator来设置颜色。

 

标签:控件,Telerik,DateTime,日期,UI,WPF,Today
From: https://www.cnblogs.com/AABBbaby/p/18193203

相关文章

  • 鸿蒙HarmonyOS实战-Stage模型(UIAbility组件)
    ......
  • mBlock & Arduino(9)舵机(Servo motor)控制
    舵机(Servomotor)英文常简称Servo,中文也有人称伺服机,由控制电路、齿轮、直流马达等组成,可使用〈mBlock&Arduino(4)利用PWM模拟类比讯号〉中谈过的PWM技术来控制舵机转动角度,像Plotclock就应用了三个舵机,以手臂在白板上绘制出目前的时间。舵机控制原理舵机的基本原理是接受......
  • C121 李超树+DP P4655 [CEOI2017] Building Bridges
    视频链接:C121李超树+DPP4655[CEOI2017]BuildingBridges_哔哩哔哩_bilibili   LuoguP4655[CEOI2017]BuildingBridges#include<iostream>#include<cstring>#include<algorithm>usingnamespacestd;#definelllonglong#definelsu<<......
  • 【pywinauto】 常用控件方法说明
    Dialog控件是一个顶级窗口属性:window_text:获取或设置对话框的标题文本。class_name:获取对话框的类名。control_id:获取对话框的控件标识符。enabled:获取或设置对话框是否启用。visible:获取或设置对话框是否可见。rectangle:获取对话框的矩形区域坐标。state:获取对话框的状......
  • 未能从程序集“Microsoft.Build.Tasks.vCurrent.dll”加载任务工厂“CodeTaskFactory
     遇到如下错误:未能从程序集“Microsoft.Build.Tasks.vCurrent.dll”加载任务工厂“CodeTaskFactory”。Couldnotloadfileorassembly'file:///G:\VS2022\IDE\MSBuild\Current\Bin\amd64\Microsoft.Build.Tasks.vCurrent.dll'oroneofitsdependencies.系统找不到指定......
  • vue+element-ui在表格中计算两数差值并让差值>20的字体显示为红色
    <el-table-columnprop="differential"label="差量"class-name="small-paddingfixed-width"><templateslot-scope="scope"><span:c......
  • easyUI datagrid 数据不显示,tablebody 高度为0 的问题
    如下图,接口请求回来数据,表头也显示出来了。打开元素,可以看到table的bbody里面是有数据的,数据也渲染到了页面表格中,但是table的height为0。 排查以下问题:检查数据源格式是否正确,如是JSON数组还是符合easyui要求的对象。确保在datagrid初始化后正确触发数据加载......
  • selenium UI自动化基础知识
    元素定位:1.怎么判断元素是否存在?判断元素是否存在和是否出现不同,判断是否存在意味着如果这个元素压根就不存在,就会抛出NoSuchElementException这样就可以使用trycatch,如果catch到NoSuchElementException就返回false。通常在项目中会把这个功能封装在isElementPresent方法中......
  • Kubebuilder实现一个定时扩缩容的功能
    参考b站大佬https://www.bilibili.com/video/BV1jJ4m1j7gK/?spm_id_from=333.788&vd_source=7e624c7a17d4407088aae9cb33e5e0aa开始mkdirdeploy-scalercddeploy-scalergomodinitdeploy-scalerkubebuilderinit-domainscaler.comkubebuildercreateapi-kindS......
  • WEB UI
    1.在IDE中编写Flink代码,查看WebUI,从而来了解Flink程序的运行情况<dependency><groupId>org.apache.flink</groupId><artifactId>flink-runtime-web</artifactId><version>${flink.version}</version></dependency&......