DevExtreme Vue Calendar

DevExpress排程与规划工具JavaScript

一个用于灵活、可自定义日期选择的 Vue 组件。

  • 支持单选、多选或范围日期选择。
  • 视图可自定义，缩放级别从月到世纪。
  • 包含禁用日期和今天按钮等功能。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme Vue Calendar 产品图片
DevExtreme Vue Calendar 是一个 UI 组件，旨在在设定边界内高效选择日期。它提供可自定义的视图、选择模式和视觉模板，非常适合需要精确且灵活的日历交互的应用程序。

日期范围选择

允许用户在预定义的最小和最大日期边界内选择日期，以控制可用选项。

多种选择模式

支持单选、多选和范围日期选择，以满足各种用户需求。

可自定义视图

提供包括月、年、十年和世纪在内的缩放级别，并可配置最小和最大级别。

禁用日期配置

可通过数组或自定义函数禁用特定日期或日期模式，防止用户选择这些日期。

今天按钮

可选择显示一个按钮，以便快速选择当前日期。

周数显示

可使用基于区域设置或自定义逻辑的不同计算规则显示包含周数的列。

单元格外观自定义

支持自定义单元格模板，可实现高亮节假日或特殊日期等样式。

可访问性和键盘支持

包括焦点管理、Tab 导航以及可访问的 ARIA 属性，以提升易用性。

事件处理

会触发初始化、销毁、属性变更和值变更等事件，以便与应用逻辑集成。

全局属性和主题

接受额外的 HTML 属性，并支持主题化，以实现一致的 UI 集成。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Vue.js