KendoReact

反应的日历

  • 完全可定制和可访问的React日历组件,可以满足任何UX需求,包括全球化。
  • KendoReact库的一部分,以及100多个用React for React从头开始构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和指导培训。
  • 概述

    React Calendar组件是KendoReact的一部分,是一个表示公历的表单组件,允许用户通过几次单击直观地选择单个日期或日期范围。除了以类似于厨房日历的方式显示日期外,日历中的每个单元格都可以完全自定义KendoReact日历完全兼容现代无障碍指南。

    参见React日历概述演示

    React日历UI库
  • 禁用的日历

    默认情况下,React日历是启用的,可以完全与之交互,但在某些情况下,用户应该无法选择日期,直到满足某些条件。这就是KendoReact Calendar的disabled属性发挥作用的地方,展示了日历界面的不同外观和感觉,以及阻止任何交互。

    参见禁用React日历演示

    React日历-禁用UI库
  • KendoReact日历的快速导航栏提供了一个快速导航年和月的快捷方式,而不必离开选择一个月的某一天的主日历界面的上下文。该接口在默认情况下是启用的,但可以通过单个配置选项隐藏。

    参见React日历快速导航条演示

    反应日历-快速导航栏用户界面库
  • 活动视图

    KendoReact日历的活动视图功能定义了日历开始日期选择的深度。它的范围从显示每月的天数(这是默认的),或显示一年中的月份、十年中的年份,甚至是一个世纪中的几十年。

    参见React日历活动视图演示

    React日历-活动视图UI库
  • 日期限制

    KendoReact日历组件允许用户遍历过去或未来的任何日期。对于某些场景来说,这个范围可能太宽了,这就是日期限制功能的用武之地。通过定义min和max属性,开发人员可以限制在React Calendar组件中显示的日期范围。

    参见React日历日期限制演示

    React日历-日期限制UI库
  • 视图选择深度

    KendoReact日历的视图选择深度功能限制了日历的深度,限制了日历可以缩放的范围,或者它的选择可以有多细。这可以限制React Calendar组件只选择年份,而不能显示几十年或几个世纪,只选择月份,而不是默认的选择每月的一天。

    参见React日历视图选择深度演示

    React日历-视图选择深度UI库
  • 周数列

    一周的数字可以用来讨论即将到来的假期或事件。使用单个属性,KendoReact Calendar组件可以显示或隐藏一个列,该列负责在日历中显示的每个星期旁边显示适当的周数。

    参见React日历周数列演示

    反应日历-周数列UI库
  • 自定义渲染

    虽然KendoReact Calendar组件的默认用户界面可以利用各种主题来适应设计系统,但有时可能需要在设置颜色和填充之外进行一些额外的自定义。例如,一个表情符号可以添加到特定的一天,以表示一个特殊的节日或生日。React日历的每个部分,从单个的日单元格、周单元格、导航项或日历的标题都可以用自定义渲染器覆盖。

    参见React日历自定义渲染演示

    React日历-自定义渲染UI库
  • 全球化

    全球化允许React Calendar遵循用户的语言环境。这包括更改出现在Calendar中的占位符和消息的语言,以及更新月份的名称。这可以动态更新和更改,允许开发人员用不同的语言提供相同的React UI组件,只需单击一次。

    React日历-全球化UI库
  • 键盘导航

    用鼠标浏览网页并不是最终用户与网站交互的唯一方式â,某种形式的键盘交互是不可避免的。这就是为什么KendoReact Calendar组件有内置的键盘导航来帮助遍历组件和选择日期,而无需触摸鼠标。

    参见React日历键盘导航演示

    React日历-键盘导航UI库
  • 可访问性

    可访问性是KendoReact库的重要组成部分,日历也不例外。开箱即用,React日历符合Section 508标准,遵循WAI-ARIA标准,并根据WCAG 2.0被评为AAA级。

    参见React Calendar Accessibility演示

    React辅助- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

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

看到价格

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

开始免费试用

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

Baidu
map