DevExtreme React Calendar

DevExpress排程与规划工具JavaScript

可自定义的 React 日历组件，适用于灵活的日期选择。

  • 支持单选、多选和范围日期选择。
  • 提供月、年、十年和世纪视图。
  • 包含可自定义的单元格模板和周数显示。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme React Calendar 产品图片
DevExtreme React Calendar 是一个灵活的 React 组件，可帮助在指定范围内进行日期选择。它支持多种选择模式和日历视图，并提供丰富的自定义选项，包括禁用日期、周数显示以及基于模板的单元格外观。

选择模式

允许用户以单选、多选或范围模式选择日期，并相应地保存选择结果。

日历视图和缩放级别

支持按月、年、十年或世纪显示日历数据，并可配置最小和最大缩放级别以控制视图可访问性。

日期范围限制

支持设置可选择日期的最小值和最大值，并可通过函数或预定义数组动态禁用特定日期。

今天按钮

可选的“今天”按钮可用于选择当前日期，提升用户便利性和快速访问日期的体验。

周数显示

可显示周数，并可根据区域设置或自定义逻辑配置计算规则，同时支持可选择周功能。

可自定义的单元格外观

支持为单元格提供自定义模板和渲染函数，便于突出显示节假日、周末或其他与日期相关的视觉提示。

可访问性和键盘支持

包含可访问性功能，支持可配置的焦点和悬停状态、键盘导航以及 ARIA 属性，以提升可用性。

事件处理和回调

提供值变化、属性变化、初始化和销毁的事件处理程序，让开发者能够完全控制日历交互。

UI 和样式选项

提供属性用于自定义组件大小、可见性、只读状态、从右到左布局以及样式元素，以实现一致的 UI 集成。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • React