Infragistics Ignite UI for React Calendar

Infragistics排程与规划工具JavaScript

具有多种选择和视图选项的灵活 React 日历组件。

  • 支持单选、多选和范围日期选择，适用场景广泛。
  • 提供日、月和年视图，并可自定义导航控件。
  • 包含键盘导航、周数和样式自定义选项。
Infragistics logo

起价:

加载中...
包含在以下产品
Infragistics Ignite UI for React加载中
Infragistics Ignite UI加载中
Infragistics Professional加载中
Infragistics Ultimate加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Infragistics Ignite UI for React Calendar 产品图片
Infragistics Ignite UI for React Calendar 提供了一个直观的界面，用于跨天、月和年显示日期。它支持多种日期选择模式，允许限制可导航的日期范围，并包含键盘导航等可访问性功能。其灵活的设计适用于需要详细日期输入和显示功能的应用程序。

多种选择模式

可选择单选、多选或范围选择，以满足不同用户需求。可通过属性更改选择模式，以便选择一个或多个日期或一个日期范围。

视图切换

可轻松在日、月和年视图之间切换，以不同的细节层级显示日期。活动视图可由程序控制或由用户更改。

日期范围限制

设置最小和最大允许日期，以将日历导航限制在特定时间段内，确保用户选择有效日期。

周数显示

可选地在日历旁显示周数，以提供额外的日期上下文，增强日程安排界面。

多月显示

以水平或垂直方向一次显示多个月份，以呈现更长的日历或比较跨月日期。

键盘导航和可访问性

使用键盘按键浏览日历，在月份、年份和日期之间移动，支持可访问性标准并提升易用性。

可自定义样式

利用开放的 CSS 部件对日历几乎所有内部元素进行样式设置，包括标题、日期、导航按钮和选择高亮。

事件处理

当用户修改所选日期时监听变更事件，从而可与应用状态及其他组件同步。

尺寸和布局控制

通过 CSS 变量调整日历元素的大小和间距，使日历无缝集成到各种 UI 设计中。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • React
  • Vanilla JavaScript