React开发者们的呼声，DHTMLX团队听到了！继DHTMLX React Gantt图表广受欢迎后，DHTMLX再次带来全新力作 —— DHTMLX React Scheduler正式发布！

该组件将成熟稳定的JavaScript Scheduler功能完美移植到React生态，为现代Web开发提供强大的日程排程能力，极大地提升项目开发效率与界面体验。本文将带您快速了解其核心能力与典型用法，助力您轻松构建专业级排程系统。

DHTMLX React Scheduler 试用下载

React Scheduler：为React而生的专业排程组件

DHTMLX React Scheduler基于原生JavaScript Scheduler构建，全面支持React 18及以上版本，完全遵循React开发范式，利用props与state实现数据驱动与交互响应，开发体验更自然、更高效。

安装简单，可通过npm快速引入使用：

import { useState } from 'react';
import ReactScheduler from "@dhx/react-scheduler";
import "@dhx/react-scheduler/dist/react-scheduler.css";

export default function BasicScheduler() {
  const [events, setEvents] = useState(demoData.events);

  return (
    <ReactScheduler
      events={events}
      config={{ first_hour: 8, last_hour: 20, time_step: 15 }}
      date={new Date("2025-08-15")}
      view={"month"}
    />
  );
};

功能全面，场景复杂也不怕

DHTMLX React Scheduler首发即配备丰富功能，适配多种复杂场景：

• 视图支持：基础视图（月/周/日）+高级视图（Timeline、资源视图）

• 事件管理：新增/修改/删除事件，实时渲染更新

• 时间控制：可高亮/屏蔽时间段，适应排班、会议等场景

• 事件分类与样式定制：支持事件样式模板、颜色主题切换、暗黑模式等

示例：通过CSS变量快速修改主题样式

:root {
  --dhx-scheduler-event-background: #33B579;
  --dhx-scheduler-event-color: #FFFFFF;
}

支持TypeScript、Redux、Next.js等现代技术栈

DHTMLX React Scheduler充分考虑现代开发环境：

• TypeScript 完全兼容：支持JSX/TSX，代码更安全、可维护性更高

• 集成 Redux：实现统一状态管理，支持多用户同步、撤销/重做等功能

• 兼容 SSR 框架：如Next.js、Remix，无需额外配置即可运行

示例：使用 Redux 处理事件变更

const dataBridge = {
  save: (entity, action, payload, id) => {
    switch (action) {
      case "update": dispatch(updateEvent(payload)); break;
      case "create": dispatch(createEvent(payload)); break;
      case "delete": dispatch(deleteEvent(id)); break;
    }
  },
};

一次购买，双平台授权

值得一提的是，购买DHTMLX React Scheduler即同时获得JavaScript与React版本授权，无须额外付费，性价比极高！

如果您已有JavaScript Scheduler授权且仍在有效期内，只需提供您的License编号，即可免费获取React版本支持，详情可咨询客服。

立即体验React Scheduler，开启高效排程新篇章！

无论您是构建企业级项目管理系统、资源调度平台，还是内部日程安排工具，DHTMLX React Scheduler都是理想选择。

关于 DHTMLX Scheduler

DHTMLX Scheduler 是一款专业的 JavaScript 日程排程控件，支持日/周/月/时间轴等多种视图模式，具备高度可定制性，适用于排班系统、预约系统、项目排期、课程表等场景，完美适配 Angular、Vue、React 等主流框架。

🌐 慧都科技 — DHTMLX 官方授权中国区合作伙伴

👉 了解更多 DHTMLX 产品详情或申请试用，请联系在线客服>>>

关于慧都科技：

慧都科技是一家行业数字化解决方案公司，长期专注于软件、油气与制造行业。公司基于深入的业务理解与管理洞察，以系统化的业务建模驱动技术落地，帮助企业实现智能化运营与长期竞争优势。在软件工程领域，我们提供开发控件、研发管理、代码开发、部署运维等软件开发全链路所需的产品，提供正版授权采购、技术选型、个性化维保等服务，帮助客户实现技术合规、降本增效与风险可控。慧都科技DHTMLX在中国的官方授权代理商，提供DHTMLX系列产品免费试用，咨询，正版销售等于一体的专业化服务。DHTMLX专注于JavaScript和HTML5 UI小部件和库，以帮助开发人员更快地构建功能丰富的、交互式的Web界面。 遵循现代网络开发的标准和做法，DHTMLX提供针对桌面和移动设备定制的优秀Web应用程序框架。

下载|体验更多DHTMLX，请联系在线客服咨询，或拨打产品热线：023-68661681