-
概述
React DateRangePicker组件KendoReact，为最终用户提供了一个高度可定制的界面，以选择跨越多个日历的日期范围。默认情况下，该组件有一个结束日期和一个开始日期，并且可以跨任何范围选择日期，它通过并排显示两个日历来支持，以便轻松地选择跨越几个月的日期范围。
-
禁用DateRangePicker
某些场景可能要求禁用KendoReact DateRangePicker，以防止用户选择一个日期范围。DateRangePicker使用一个可以动态切换的属性，可以防止任何交互，并显示组件被禁用的清晰可视化指示。
-
默认值
默认情况下，KendoReact DateRangePicker的值为空，包含日历的弹出框是隐藏的。通过使用一些配置选项，可以通过绑定到组件的value属性来预定义所选范围，并且可以在页面的初始呈现中显示日历的弹出窗口。
-
集中的日期
React DateRangePicker中的日历总是有一个焦点日期，默认情况下是todayâ的日期。这一天的视觉风格略有不同，使它从其他可用的日子中脱颖而出。关注的日期当然是完全可定制的，可以通过将新的日期传递给配置选项来进行更改。
-
日期限制
KendoReact DateRangePicker可以处理未来或过去的任何日期，但对于您的应用程序范围来说，这个范围可能太大了。这就是为什么可以将DateRangePicker配置为只允许特定范围内的日期，限制可以在日历上导航到哪些日子，以及可以在React组件的输入中键入哪些日子。
-
格式
日期格式非常多样，KendoReact DateRangePicker已经准备好处理任何格式，这要感谢对有效标准日期和时间格式字符串的支持。
-
逆向选择
当在日历中选择一个日期范围时，用户可以先选择较早的日期，后选择较晚的日期。但是，在某些情况下，用户可能需要先选择结束日期，然后再选择开始日期。对于这个场景，KendoReact DateRangePicker具有自动更正其日历选择的内置逻辑，以确保开始值总是在结束值之前。
-
自定义渲染
KendoReact DateRangePicker有几个与使DateRangePicker适合任何设计相关的配置选项，但有时可能需要更深层次的定制。这就是为什么React DateRangePicker为开始和结束日期输入、显示的日历以及包含日历的弹出窗口提供自定义渲染器，使开发人员能够完全定制KendoReact DateRangePicker以适应任何设计。
-
全球化
KendoReact DateInput组件支持开箱即用的全球化，这意味着日期占位符和日期的格式可以根据用户的语言环境更改，而不需要手动重新配置React组件。
-
受控和非受控模式
表单中使用的React组件可以是非受控组件，它让DOM直接控制表单数据，也可以是受控组件，其中表单数据由React组件处理。默认情况下，KendoReact DateRangePicker处于非受控模式，但可以通过处理组件的一些属性轻松过渡到受控模式。
-
键盘导航
KendoReact DateRangePicker的功能是使用键盘导航选择一个范围的日期。这包括输入开始日期和结束日期，以及在内置日历中导航，只用键盘就可以选择一系列日期。
-
可访问性
创建可访问的React UI组件是KendoReact的核心概念，DateRangePicker也不例外!KendoReact DateRangePicker符合Section 508和WAI-ARIA标准，并符合WCAG 2.0的AAA级。
