# @bryntum/scheduler-trial 中文文档 规范地址：https://npmcn.com/package/%40bryntum/scheduler-trial/ 版本：7\.3\.8 npm 元数据更新时间：2026-10-28T08:35:10.291Z 中文译文更新时间：2026-11-08T17:02:24.325Z 软件包许可：Commercial 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40bryntum/scheduler-trial 原文对照：https://npmcn.com/package/%40bryntum/scheduler-trial/?lang=original 项目主页：https://bryntum.com/products/scheduler/ ## 关键信息（来自 npm 元数据） - 包体积（解压后）：36.2 MB，102 个文件 - 模块格式：CommonJS - TypeScript 类型：包内自带 - Node.js 要求：\>=0\.10\.0 - 运行依赖：1 个 - 首次发布：2024-03-11T09:22:24.271Z - 最新版本发布：2026-10-28T08:35:09.689Z - 近 30 天下载量：5925（2026-10-09 至 2026-11-07，npm 官方下载统计） - 已发布版本数：18（近 12 个月 17 个） ## 中文简介 Bryntum 调度器 JavaScript 试验组件包 ## 安装 ```sh npm install @bryntum/scheduler-trial ``` 也可以使用：`pnpm add @bryntum/scheduler-trial`、`yarn add @bryntum/scheduler-trial`、`bun add @bryntum/scheduler-trial` ## README [![Bryntum logo](https://bryntum.com/resources/bryntum_logo_blue.svg)](https://bryntum.com/) # Bryntum 调度器(审判) Bryntum调度器是一个全功能化的资源调度器,支持广泛的功能. 它与React,Vue,Angular,或平地香草JS顺利融合. 关于Bryntum调度器的更多信息,请访问 [Bryntum 调度站点](https://bryntum.com/products/scheduler/) ![Bryntum Scheduler Screenshot](https://bryntum.com/products/scheduler/examples/meta/thumb.2048.png) ## 要点 - 具有横向或纵向时间表的资源意识调度 [日视图布局](https://bryntum.com/products/scheduler/examples/vertical) - 强大的 [拖放](https://bryntum.com/products/scheduler/examples/dragfromgrid) 重新调整网格等外部来源的大小并拖曳 - [虚拟渲染](https://bryntum.com/products/scheduler/examples/bigdataset) 高效处理只显示 DOM 内容的大型数据集 - [事件依赖关系](https://bryntum.com/products/scheduler/examples/dependencies) 可视化任务关系与依赖线 - 导出为 [PDF/巴布亚新几内亚](https://bryntum.com/products/scheduler/examples/export), (中文(简体) ), [埃克塞尔](https://bryntum.com/products/scheduler/examples/exporttoexcel),ICS日历文件,或打印格式 - [分组和总结](https://bryntum.com/products/scheduler/examples/groupsummary) 按资源属性分列的自定义聚合事件 - [树状资源结构](https://bryntum.com/products/scheduler/examples/tree-summary) 显示父/子关系的分级资源 - [合并重叠事件](https://bryntum.com/products/scheduler/examples/merge-cells) 自动结合相邻事件进行清洁显示 - [完全响应](https://bryntum.com/products/scheduler/examples/responsive) 屏幕大小的可配置断点 - [自定义事件渲染](https://bryntum.com/products/scheduler/examples/custom-event-rendering) 带有渲染器和模板的控制外观 - 多个内置主题或 [创建自己的](https://bryntum.com/products/scheduler/examples/custom-theme) 使用 CSS 变量 - [反应](https://bryntum.com/products/scheduler/examples/?framework=react), (中文(简体) ), [阴道](https://bryntum.com/products/scheduler/examples/?framework=vue),以及 [角质](https://bryntum.com/products/scheduler/examples/?framework=angular) 带有本地框架图案的包装 ## 软件包内容 | 路径 | 说明 | | --- | :-: | | `fonts/` | 蒙特塞拉特波平斯和RobotoFlex字体 | | `fontawesome/` | FontAsome 图标和 Webfonts | | `locales/` | 30+语言本地化文件 | | `scheduler.module.js`, (中文(简体) ), `scheduler.umd.js` | JavaScript 捆绑( ES 模块和 UMD 格式) | | `scheduler.css` | 结构CSS(需要) | | `*.d.ts` | 类型脚本类型定义 | | `*.css` | 主题样式表 | **说明:** 试件包不包括精密的捆绑,源地图,或源文件. ## 支持的版本 - [节点JS](https://nodejs.org/en)数字 : `>= 20.0.0` - [类型脚本](https://www.typescriptlang.org/)数字 : `>= 3.6.0` - [角质](https://angularjs.org/)数字 : `>= 9.0.0` - [反应](https://react.dev/)数字 : `>= 16.0.0` - [阴道](https://vuejs.org/)数字 : `>= 3.0.0` - [维特](https://vite.dev/)数字 : `>= 4.0.0` - [网络软件包](https://webpack.js.org/)数字 : `>= 4.0.0` ## 尝试 Bryntum 在线演示 探索我们综合收集的演示文稿: - [查看在线演示](https://bryntum.com/products/scheduler/examples/) - [JavaScript 演示文稿](https://bryntum.com/products/scheduler/examples/?framework=javascript) - [反应演示文稿](https://bryntum.com/products/scheduler/examples/?framework=react) - [Vue Demos 语录](https://bryntum.com/products/scheduler/examples/?framework=vue) - [角分数](https://bryntum.com/products/scheduler/examples/?framework=angular) ## 安装 这是一个 **试验包** 功能有限. ### 为什么用npm异形? 试验包使用 npm 化名安装 `@bryntum/scheduler-trial` 下划线 `@bryntum/scheduler` 名称。 这种办法 提供无缝升级路径 - 当您购买许可证时, 您只需要更新在 `package.json` 不更改任何应用程序代码. 使用 `npm`数字 : ```shell npm install @bryntum/scheduler@npm:@bryntum/scheduler-trial@latest ``` 或者说用 `yarn`数字 : ```shell yarn add @bryntum/scheduler@npm:@bryntum/scheduler-trial@latest ``` 或者,添加到 `package.json` 依赖性 : ```json "dependencies": { "@bryntum/scheduler": "npm:@bryntum/scheduler-trial@latest" } ``` 拜访我们 [npm 仓库指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository) 学习更多关于安装和迁移的 尝试到许可的软件包. ## 利用人工智能探员? 一个 AI 助手编写工作 Bryntum 调度码的最快路径 : 1. **MCP服务器.** 配置您的代理服务器为 Bryntum MCP 服务器, 以获取禁用、 版本正确的答案 : [设置指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/ai-features/mcp-server?utm_source=ax-npm)。 。 。 . 2. **特工技能。 。 .** 安装 [布林图姆技能](https://github.com/bryntum/skills) 用于 Claude 代码、光标或 Codex——它将公约捆绑在下面. 特工常用的试验包陷阱: - **斯道尔训练数据.** Bryntum 船打破了变化; 不要信任您记得的 API 形状 。 检查 [https://bryntum.com/出品/排程/docs](https://bryntum.com/products/scheduler/docs) 先说. - **你是在审判.** 软件包安装为 `@bryntum/scheduler-trial` 但别名改为 `@bryntum/scheduler` —— 说 导入路径必须使用别名(`@bryntum/scheduler`) (中文(简体) ). 要升级到许可证软件包,请将别名改为 `"npm:@bryntum/scheduler@latest"`; 不重写导入. - **试验捆绑没有精密化** 并包含一个水印;这是预期的,不是错误. - **CSS (英语).** 导入字体, `scheduler.css` (结构),并作主题. - **框架包装** (单位:千美元)`@bryntum/scheduler-react`, (中文(简体) ), `-angular`, (中文(简体) ), `-vue-3`) 需要核心 `@bryntum/scheduler` 软件包; 运行时只安装包装失败 . - **类型脚本** 装入 `*.d.ts` ;不要手卷接口. ## 快速启动 ### 香草 Java 脚本 ```javascript import { Scheduler } from '@bryntum/scheduler'; import './style.css'; const scheduler = new Scheduler({ appendTo : 'app', startDate : new Date(2026, 0, 1), endDate : new Date(2026, 0, 30), autoHeight : true, rowHeight : 50, barMargin : 5, multiEventSelect : true, columns : [ { text : 'Name', field : 'name', width : 160 } ], resources : [ { id : 1, name : 'Dan Stevenson' }, { id : 2, name : 'Talisha Babin' }, { id : 3, name : 'Ravi Kumar' }, { id : 4, name : 'Aisha Khan' }, { id : 5, name : 'Michael Chen' }, { id : 6, name : 'Sofia Lopez' }, { id : 7, name : 'James Anderson' }, { id : 8, name : 'Eddie Johnson' }, { id : 9, name : 'Ethan Wright' }, { id : 10, name : 'Liu Wei' } ], events : [ { resourceId : 1, startDate : '2026-01-01', endDate : '2026-01-05', name : 'Kickoff Meeting' }, { resourceId : 1, startDate : '2026-01-06', endDate : '2026-01-10', name : 'Scope Definition' }, { resourceId : 1, startDate : '2026-01-12', endDate : '2026-01-29', name : 'Project Plan Review' }, { resourceId : 2, startDate : '2026-01-02', endDate : '2026-01-06', name : 'Requirement Gathering' }, { resourceId : 2, startDate : '2026-01-07', endDate : '2026-01-21', name : 'Stakeholder Interviews' }, { resourceId : 2, startDate : '2026-01-22', endDate : '2026-01-27', name : 'Requirement Signoff' }, { resourceId : 3, startDate : '2026-01-05', endDate : '2026-01-14', name : 'System Design' }, { resourceId : 3, startDate : '2026-01-10', endDate : '2026-01-20', name : 'Database Modeling' }, { resourceId : 3, startDate : '2026-01-23', endDate : '2026-01-28', name : 'API Design' }, { resourceId : 4, startDate : '2026-01-08', endDate : '2026-01-15', name : 'Backend Setup' }, { resourceId : 4, startDate : '2026-01-15', endDate : '2026-01-22', name : 'Authentication Module' }, { resourceId : 4, startDate : '2026-01-21', endDate : '2026-01-27', name : 'Data Services' }, { resourceId : 5, startDate : '2026-01-02', endDate : '2026-01-14', name : 'UI Wireframes' }, { resourceId : 5, startDate : '2026-01-15', endDate : '2026-01-19', name : 'Frontend Components' }, { resourceId : 5, startDate : '2026-01-20', endDate : '2026-01-27', name : 'Styling & Theme' }, { resourceId : 6, startDate : '2026-01-12', endDate : '2026-01-16', name : 'API Integration' }, { resourceId : 6, startDate : '2026-01-17', endDate : '2026-01-21', name : 'GraphQL Setup' }, { resourceId : 6, startDate : '2026-01-22', endDate : '2026-01-25', name : 'Integration Testing' }, { resourceId : 7, startDate : '2026-01-05', endDate : '2026-01-10', name : 'Unit Testing' }, { resourceId : 7, startDate : '2026-01-12', endDate : '2026-01-19', name : 'Automation Scripts' }, { resourceId : 7, startDate : '2026-01-18', endDate : '2026-01-27', name : 'Performance Testing' }, { resourceId : 8, startDate : '2026-01-10', endDate : '2026-01-22', name : 'Bug Fix Round 1' }, { resourceId : 8, startDate : '2026-01-23', endDate : '2026-01-26', name : 'UI Fixes' }, { resourceId : 8, startDate : '2026-01-27', endDate : '2026-01-30', name : 'Regression Testing' }, { resourceId : 9, startDate : '2026-01-03', endDate : '2026-01-14', name : 'Client Demo Prep' }, { resourceId : 9, startDate : '2026-01-15', endDate : '2026-01-19', name : 'Client Review' }, { resourceId : 9, startDate : '2026-01-20', endDate : '2026-01-24', name : 'Feedback Implementation' }, { resourceId : 10, startDate : '2026-01-02', endDate : '2026-01-16', name : 'Deployment Setup' }, { resourceId : 10, startDate : '2026-01-19', endDate : '2026-01-22', name : 'Go-Live' }, { resourceId : 10, startDate : '2026-01-23', endDate : '2026-01-27', name : 'Post-Deployment Support' } ] }); ``` 在那个 `style.css`数字 : ```css /* FontAwesome is used for icons */ @import "@bryntum/scheduler/fontawesome/css/fontawesome.css"; @import "@bryntum/scheduler/fontawesome/css/solid.css"; /* Structural CSS */ @import "@bryntum/scheduler/scheduler.css"; /* Bryntum theme of your choice */ @import "@bryntum/scheduler/svalbard-light.css"; ``` 访问我们的 Java 脚本 [快速启动指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/quick-start/javascript-npm) 学习更多. ## 主题 ### Svalbad( 默认) | 光线 | 阴暗 | | --- | :-: | | [![Svalbard Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.svalbard-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=svalbard-light) | [![Svalbard Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.svalbard-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=svalbard-dark) | ### 斯德哥尔摩 | 光线 | 阴暗 | | --- | :-: | | [![Stockholm Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.stockholm-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=stockholm-light) | [![Stockholm Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.stockholm-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=stockholm-dark) | ### 维斯比 | 光线 | 阴暗 | | --- | :-: | | [![Visby Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.visby-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=visby-light) | [![Visby Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.visby-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=visby-dark) | ### 材料3 | 光线 | 阴暗 | | --- | :-: | | [![Material 3 Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.material3-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=material3-light) | [![Material 3 Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.material3-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=material3-dark) | ### 高对比度 | 光线 | 阴暗 | | --- | :-: | | [![High Contrast Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.high-contrast-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=high-contrast-light) | [![High Contrast Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.high-contrast-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=high-contrast-dark) | ### 流利的 2 | 光线 | 阴暗 | | --- | :-: | | [![Fluent 2 Light](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.fluent2-light.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=fluent2-light) | [![Fluent 2 Dark](https://bryntum.com/products/scheduler/docs/data/Scheduler/images/themes/thumb.fluent2-dark.png)](https://bryntum.com/products/scheduler/examples/timeresolution/?theme=fluent2-dark) | 关于自定义主题的更多信息,请参见: [样式指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/customization/styling)。 。 。 . ## 框架整合 Bryntum 调度器为通俗框架提供一等包装. 每个包装都遵循本地框架模式 和生命周期管理. **说明:** 框架包装是公开的,可以正常安装. 它们要求有核心包. ### 反应 ```shell npm install @bryntum/scheduler-react@latest ``` 拜访我们 [反应快速启动指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/quick-start/react) 学习更多. ### 角质 ```shell npm install @bryntum/scheduler-angular@latest ``` 拜访我们 [角快启动指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/quick-start/angular) 学习更多. ### 第3组 ```shell npm install @bryntum/scheduler-vue-3@latest ``` 拜访我们 [Vue 快速启动指南](https://bryntum.com/products/scheduler/docs/guide/Scheduler/quick-start/vue-3) 学习更多. ## 探索所有Bryntum 产品 - [Bryntum 网格](https://bryntum.com/products/grid/) - 高性能数据网 - [Bryntum 调度器](https://bryntum.com/products/scheduler/) - 资源调度部分 - [Bryntum 调度器 Pro](https://bryntum.com/products/schedulerpro/) - 有依赖关系的高级排程 - [布林图姆·甘特](https://bryntum.com/products/gantt/) - 项目规划和管理 - [布林图姆日历](https://bryntum.com/products/calendar/) - 完整的日历组件 - [Bryntum 任务板](https://bryntum.com/products/taskboard/) - 坎班式任务管理 探索我们综合收集的演示文稿: | 产品 | ![JavaScript](https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg) Java 脚本 | ![React](https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg) 反应 | ![Vue](https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg) 阴道 | ![Angular](https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg) 角质 | | --- | :-: | :-: | :-: | :-: | | **网格** | [网格 JavaScript 演示](https://bryntum.com/products/grid/examples/?framework=javascript) | [网格反应演示](https://bryntum.com/products/grid/examples/?framework=react) | [网格 Vue 演示](https://bryntum.com/products/grid/examples/?framework=vue) | [网格角演示](https://bryntum.com/products/grid/examples/?framework=angular) | | **调度器** | [JavaScript 演示](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [调度器反应演示](https://bryntum.com/products/scheduler/examples/?framework=react) | [调度员 Vue 演示](https://bryntum.com/products/scheduler/examples/?framework=vue) | [调度器](https://bryntum.com/products/scheduler/examples/?framework=angular) | | **调度器Pro** | [调度器 Pro JavaScript 演示](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [排程器 Pro React 演示](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [调度器 Pro Vue 演示](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [排程器 Pro Angular 演示](https://bryntum.com/products/schedulerpro/examples/?framework=angular) | | **甘特语** | [甘特Java脚本演示](https://bryntum.com/products/gantt/examples/?framework=javascript) | [甘特反应演示](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue 演示](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt 角力演示](https://bryntum.com/products/gantt/examples/?framework=angular) | | **日历** | [日历 JavaScript 演示](https://bryntum.com/products/calendar/examples/?framework=javascript) | [日历反应演示](https://bryntum.com/products/calendar/examples/?framework=react) | [日历 Vue 演示](https://bryntum.com/products/calendar/examples/?framework=vue) | [日历角演示](https://bryntum.com/products/calendar/examples/?framework=angular) | | **任务栏** | [任务板 JavaScript 演示](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [任务板反应演示](https://bryntum.com/products/taskboard/examples/?framework=react) | [任务板 Vue 演示](https://bryntum.com/products/taskboard/examples/?framework=vue) | [任务板角演示](https://bryntum.com/products/taskboard/examples/?framework=angular) | ## 在线参考资料 - [Bryntum 调度文件](https://bryntum.com/products/scheduler/docs/) - [布林图姆调度器示例](https://bryntum.com/products/scheduler/examples/) - [布林图姆支持论坛](https://forum.bryntum.com/) - [联系我们](https://bryntum.com/contact/) ## 许可证和版权 Bryntum调度器是商业软件,需要付费许可证. 请访问 [Bryntum 调度器结束用户许可证](https://bryntum.com/products/license/) 执照的全文. 版权所有:2009-2026年,Bryntum 版权所有. ## 常见问题 ### @bryntum/scheduler-trial 是什么？ Bryntum 调度器 JavaScript 试验组件包 ### 如何安装 @bryntum/scheduler-trial？ 在项目目录运行 npm install @bryntum/scheduler-trial，或使用 pnpm add / yarn add / bun add。 ### @bryntum/scheduler-trial 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @bryntum/scheduler-trial 支持 ESM 还是 CommonJS？ 以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。 ### @bryntum/scheduler-trial 需要什么版本的 Node\.js？ package\.json 的 engines 字段要求 Node\.js \>=0\.10\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。 ### @bryntum/scheduler-trial 可以商用吗？ @bryntum/scheduler-trial 使用 Commercial 许可。声明的许可为 Commercial，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。 ### @bryntum/scheduler-trial 的下载量有多少？ 根据 npm 官方下载统计，@bryntum/scheduler-trial 在 2026/10/09 – 2026/11/07 这 30 天内被下载 5,925 次，日均约 198 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @bryntum/scheduler-trial 还在维护吗？ 最新版本 7\.3\.8 发布于 2026/10/28（11 天前）；至今共发布 18 个版本，其中过去 12 个月发布了 17 个；首次发布于 2024/03/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。