用途:在 React 应用中实现日期范围选择,常见于报表筛选、预订(入住/离店)、订单与统计界面。
主要能力:通过 startDate、endDate、value 控制起止日期;支持 min、max 日期范围约束、禁用日期、minDays/maxDays 跨度限制与 strictMode 严格校验;支持预设范围、多日期格式(如 MM/dd/yyyy、dd-MMM-yyyy)、本地化 locale、起始日/结束日分隔符以及 Float Label。事件包含 change、open、close、blur、focus、select 等,方法包含 show、hide、focusIn、focusOut、reset、destroy,可配合 useRef 进行命令式控制。样式支持 cssClass、Material/Bootstrap/Fluent/Tailwind/Fabric 主题、RTL、移动端全屏模式与宽度、zIndex 配置。
用法:安装 @syncfusion/ej2-react-calendars,引入相应 CSS 主题文件后使用 DateRangePickerComponent。示例: import { DateRangePickerComponent } from '@syncfusion/ej2-react-calendars'; import '@syncfusion/ej2-base/styles/material3.css';
限制与注意事项:属性启用使用 enabled 而非 disabled;readonly 表示只读,allowEdit 控制是否允许手动输入文本;资料未提供收费、价格与平台支持等细节,暂未提供。