在最新的v23.1版本中,DevExpress官方已经正式发布了DevExtreme DateRangeBox小部件,支持所有JavaScript框架,包括Angular、React、Vue和jQuery。这个新的控件允许最终用户选择一个日期范围,该组件继承了DateBox组件的特性:屏蔽输入、灵活的弹出窗口和日历自定义、输入标签/样式模式等。

DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
获取DevExtreme v23.1正式版下载(Q技术交流:523159565)
格式化
用户现在可以使用预定义的格式,也可以根据需要指定自定义格式。

弹出窗口和日历定制
DateRangeBox组件允许用户自定义日历外观,并在单个月和两个月的下拉日历之间切换。
要指定单个视图,请禁用multiView属性,使用calendarOptions属性自定义日历外观/操作。

用户可以在开始日期之前和结束日期之后禁用日期选择,为此将true赋值给disableOutOfRangeSelection属性。
