适用于微信小程序的组件，主要是选择年月日的范围，可通过箭头选择上一年下一年，上一月下一月。并进行了日期校验，若开始日期晚于结束日期，则回自动切换开始日期为结束日期，同时，结束日期变为开始日期。 可以访问微信小程序预览效果，复制下面内容，在微信端打开即可。 #小程序://马家三艳/cc4LronIXlWadEH 若上述地址打不开，微信搜索“马家三艳”小程序，打开选择日期即可查看。

在Windows Presentation Foundation（WPF）中，开发人员经常需要创建自定义控件以满足特定的用户界面需求。本文将深入探讨如何实现一个自定义时间控件，允许用户选择时间范围，包括开始时间、结束时间，以及提供快速选择本日、本周、本月和本年的功能。 我们需要理解WPF的基本概念。WPF是微软提供的一个用于构建桌面应用程序的框架，它基于.NET Framework或.NET Core，提供了丰富的图形层和强大的数据绑定机制。在WPF中，用户界面是由XAML（Extensible Application Markup Language）定义的，这是一种声明式语言，使得UI设计和代码分离，易于维护和扩展。 创建自定义时间控件的第一步是定义控件的外观。这可以通过创建一个新的UserControl来实现。在XAML文件中，我们可以定义控件的布局，比如使用Grid、StackPanel或DockPanel等容器来组织元素。控件应包含两个DateTimePicker（用于选择开始和结束时间）以及一组RadioButton或ComboBox，供用户快速选择日期范围。例如： ```xml ``` 接下来，我们需要处理控件的逻辑。在对应的代码-behind文件（通常是.CS文件）中，为RadioButton的Click事件编写事件处理程序。这些事件处理程序将根据用户的选择更新开始和结束时间。例如： ```csharp private void RadioButton_Checked(object sender, RoutedEventArgs e) { RadioButton rb = sender as RadioButton; if (rb != null && rb.Tag != null) { switch (rb.Tag.ToString()) { case "Today": StartDatePicker.SelectedDate = DateTime.Today; EndDatePicker.SelectedDate = DateTime.Today; break; case "Week": StartDatePicker.SelectedDate = DateTime.Today.AddDays(-(int)DateTime.Today.DayOfWeek); EndDatePicker.SelectedDate = DateTime.Today.AddDays(6 - (int)DateTime.Today.DayOfWeek); break; // ... } } } ``` 此外，为了提供更丰富的交互体验，我们可能还需要添加验证规则，确保开始时间小于结束时间，并且响应DateTimePicker的SelectionChanged事件以同步两个日期选择。同时，可以考虑添加属性和依赖项属性，使这个自定义控件在其他XAML文件中能更好地与其他组件通信和绑定数据。 在实现过程中，还要注意UI的可访问性和国际化支持，以便于不同语言和能力的用户使用。例如，为日期格式和快捷选项提供本地化字符串。 总结来说，创建一个"WPF时间范围控件"涉及到以下关键点： 1. 创建UserControl并定义XAML布局。 2. 添加DateTimePicker和RadioButton，实现日期范围选择。 3. 编写事件处理程序以响应用户操作。 4. 实现数据验证和属性绑定。 5. 考虑可访问性和国际化支持。 通过以上步骤，我们可以构建出一个功能完备、易于使用的WPF自定义时间范围控件，满足多种应用场景的需求。

弹出式日期起止选择器Demo工程代码 iOS Object-OC 时间范围选择器 OS datetime picker和popupview编写的一个自定义的日期范围选择控件，可以同时选择各种格式的开始和结束时间。

dateRangePicker - Bootstrap的日期范围选择器组件

时间轴切片器 图形日期范围选择器，用于过滤日期 概述 时间轴切片器是图形日期范围选择器，用作Power BI中的筛选组件。 这使得按日期维度过滤数据变得简单而有趣。 您需要多久过滤一次日期范围或更高级别（例如月份或季度）的数据？ 每一次。 正确的？ 当您必须单击大量的日期值以选择所需的范围时，过滤是很麻烦的。 动态更改过滤器的粒度（从几个月，季度和几年）非常繁琐。 好吧，它过去很繁琐。 时间轴切片器将使这种体验变得轻而易举。 使用此简单的日期滑块控件，只需单击并拖动到所需范围即可。 您还可以切换到“年”，“季度”或“月”视图以选择范围，甚至在比日期更高的级别上。 您可以简单地单击切片器以选择单个值，也可以单击边缘并将其拖动到所需的范围。 您还可以更改背景和选择颜色以及其他格式设置选项的数量，以控制外观。 SHIFT + Click还可用于选择范围。 另请参见

前两年IOS应用源码-主要是用于毕业设计学习的。

前两年IOS应用源码-主要是用于毕业设计学习的。

DateTimeRangePicker一个采用Kotlin编写的Android日期范围选择器

将改lib包替换到node_modules/element-ui下，实现博客见：https://blog.csdn.net/qq_39019765/article/details/121404740

Flutter入门与实战：日期范围选择器