KendoReact

反应MultiViewCalendar

  • 轻松地并排添加多个日历,使用户能够在任何范围内选择日期,使用这个可定制和功能丰富的React组件。
  • KendoReact库的一部分,以及100多个用React for React从头开始构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和指导培训。
  • 概述

    React MultiViewCalendar组件提供了一个带有多个并排日历的用户界面,使最终用户能够选择跨越多个月的日期范围。默认情况下,组件有一个结束日期和一个开始日期,可以在任何时间范围内选择日期。

    参见React MultiViewCalendar概述演示

    React MultiViewCalendar -概述,KendoReact UI库
  • 禁用MultiViewCalendar

    对于要求在满足特定需求之前禁用UI元素的场景,可以使用KendoReactMultiViewCalendar可以通过单个属性禁用,并且可以切换打开或关闭。这确保了React MultiViewCalendar防止任何交互,并显示一个清晰的可视化指示,表明组件被禁用。

    参见React MultiViewCalendar禁用演示

    React MultiViewCalendar -禁用,KendoReact UI库
  • 集中的日期

    日历功能在KendoReact MultiViewCalendar总是有一个集中日期。默认使用todayâ的日期。这个专注的一天有一个稍微不同的视觉风格,使它突出于其他可用的日子。关注哪一天当然是完全可定制的,可以通过将新的一天传递到配置选项来更改。

    参见React MultiViewCalendar聚焦日期演示

    React MultiViewCalendar -集中日期,KendoReact UI库
  • 多个视图

    默认情况下,KendoReact MultiViewCalendar会并排显示两个日历。使用“多视图”功能,可以将任意数量的日历添加到显示的日历集合中。

    参见React MultiViewCalendar多视图演示

  • 视图选择

    KendoReact MultiViewCalendar的视图选择功能允许内置日历呈现不同的初始视图,包括显示每月的天,一年的月,十年的年和世纪的几十年。

    参见React MultiViewCalendar视图选择演示

    React MultiViewCalendar -视图选择,KendoReact UI库
  • 反向范围

    KendoReact MultiViewCalendar中的选择可以从开始日期到结束日期,以及从结束日期到开始日期。多亏了React MultiViewCalendar的反向范围选择功能,无论选择哪个订单日期,组件都将始终跟踪开始日期和结束日期。

    参见React MultiViewCalendar反向范围演示

    React MultiViewCalendar -反向范围,KendoReact UI库
  • 周数列

    使用单个属性,KendoReact MultiViewCalendar组件可以显示或隐藏一个列,该列负责在呈现的日历中显示的每个星期旁边显示适当的周数。

    参见React MultiViewCalendar Week Number Column演示

    React MultiViewCalendar -周数列,KendoReact UI库
  • 自定义渲染

    KendoReact MultiViewCalendar允许开发人员渲染自定义组件,而不是组件的默认部分,包括日历的单元格,周列单元格,以及任何日历的标题元素。

    参见React MultiViewCalendar自定义渲染演示

    React MultiViewCalendar自定义渲染,KendoReact UI库
  • 受控和非受控模式

    表单中使用的React组件可以是不受控组件,它可以让表单数据直接由DOM控制,也可以是受控组件,表单数据由React组件处理。默认情况下,KendoReact MultiViewCalendar处于不受控制的组件模式,但可以是一个不需要额外配置的受控组件。

    参见React MultiViewCalendar受控和不受控模式演示

  • 全球化

    KendoReact DateInput组件支持开箱即用的全球化,这意味着日期占位符和日期的格式可以根据用户的语言环境而改变,而不需要手动重新配置React组件。

    参见React DateInput全球化演示

    React MultiViewCalendar -全球化,KendoReact UI库
  • 键盘导航

    KendoReact MultiViewCalendar有内置的方法,可以使用键盘导航选择一个范围的日期。

    参见React MultiViewCalendar键盘导航演示

  • 可访问性

    创建可访问的React UI组件是KendoReact的核心概念,React MultiViewCalendar也不例外!KendoReact MultiViewCalendar符合Section 508和WAI-ARIA标准,并被WCAG 2.0评为AAA级。

    参见React MultiViewCalendar无障碍演示

    React辅助- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它能开箱即用多少功能。

看到价格

购买KendoReact的个人许可证,或对待自己的Kendo UI,我们完整的JavaScript包。

开始免费试用

试试有专门技术支持的KendoReact吧。

Baidu
map