SuperAPI AI 工具集

syncfusion-pure-react-scheduler

前端与建站

查看项目

更新于 10-16 06:14

技能介绍

用途:该技能用于指导在 React 项目中使用 Syncfusion React Scheduler 组件(npm 包 @syncfusion/react-scheduler)构建事件日历,覆盖从安装、视图配置到数据绑定与交互定制的全流程。不适用于 Angular、Vue、Blazor 等非 React 平台。

主要能力:支持 Day、Week、Work Week、Month、Agenda 及时间线视图选择;通过 eventSettings.dataSource 绑定本地数组、React state、远程服务(REST/OData,借助 DataManager)或按需加载;支持创建、读取、更新、删除事件,内置编辑器与快速弹窗,也可用外部自定义表单;支持遵循 iCalendar 规范的每日、每周、每月、每年重复规则及例外处理;支持按房间、人员、设备等资源分组;可定制编辑器、模板、头部工具栏、右键菜单、提示与单元格渲染;涵盖时区、本地化、RTL、ARIA、键盘导航与无障碍;支持 Material、Tailwind、Bootstrap 主题及亮暗模式;含移动端触控与响应式布局。

使用方式:视图作为 JSX 子组件渲染在 Scheduler 内(如 DayView、WeekView),只有渲染的子视图才出现在视图切换器中,默认激活 Week 视图;字段名与默认 Id/Subject/StartTime/EndTime 不同时,通过 eventSettings.fields 映射而非改造数据;编辑器、快速弹窗、工具栏、模板等通过传入渲染函数配置。默认项:选中日期为系统当前日期,时区为浏览器时区,拖拽与缩放默认启用。

限制与约束:所有 Scheduler API 必须来自该技能自身 SKILL.md 与 references 文件,不得依赖其他平台或训练记忆;依赖组件 API 仅来自 references/related-components.md;主题信息仅来自 references/setup.md;写码后需先做类型检查或构建验证、导入解析检查与渲染冒烟检查,并确认字段映射与数据源真实连通。未在资料中提供的收费、价格、平台支持细节暂未提供。