React開(kāi)發(fā)者們的呼聲，DHTMLX團(tuán)隊(duì)聽(tīng)到了！繼DHTMLX React Gantt圖表廣受歡迎后，DHTMLX再次帶來(lái)全新力作 —— DHTMLX React Scheduler正式發(fā)布！

該組件將成熟穩(wěn)定的JavaScript Scheduler功能完美移植到React生態(tài)，為現(xiàn)代Web開(kāi)發(fā)提供強(qiáng)大的日程排程能力，極大地提升項(xiàng)目開(kāi)發(fā)效率與界面體驗(yàn)。本文將帶您快速了解其核心能力與典型用法，助力您輕松構(gòu)建專(zhuān)業(yè)級(jí)排程系統(tǒng)。

DHTMLX React Scheduler 試用下載

React Scheduler：為React而生的專(zhuān)業(yè)排程組件

DHTMLX React Scheduler基于原生JavaScript Scheduler構(gòu)建，全面支持React 18及以上版本，完全遵循React開(kāi)發(fā)范式，利用props與state實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)與交互響應(yīng)，開(kāi)發(fā)體驗(yàn)更自然、更高效。

安裝簡(jiǎn)單，可通過(guò)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"}
    />
  );
};

功能全面，場(chǎng)景復(fù)雜也不怕

DHTMLX React Scheduler首發(fā)即配備豐富功能，適配多種復(fù)雜場(chǎng)景：

• 視圖支持：基礎(chǔ)視圖（月/周/日）+高級(jí)視圖（Timeline、資源視圖）

• 事件管理：新增/修改/刪除事件，實(shí)時(shí)渲染更新

• 時(shí)間控制：可高亮/屏蔽時(shí)間段，適應(yīng)排班、會(huì)議等場(chǎng)景

• 事件分類(lèi)與樣式定制：支持事件樣式模板、顏色主題切換、暗黑模式等

示例：通過(guò)CSS變量快速修改主題樣式

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

支持TypeScript、Redux、Next.js等現(xiàn)代技術(shù)棧

DHTMLX React Scheduler充分考慮現(xiàn)代開(kāi)發(fā)環(huán)境：

• TypeScript 完全兼容：支持JSX/TSX，代碼更安全、可維護(hù)性更高

• 集成 Redux：實(shí)現(xiàn)統(tǒng)一狀態(tài)管理，支持多用戶(hù)同步、撤銷(xiāo)/重做等功能

• 兼容 SSR 框架：如Next.js、Remix，無(wú)需額外配置即可運(yùn)行

示例：使用 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;
    }
  },
};

一次購(gòu)買(mǎi)，雙平臺(tái)授權(quán)

值得一提的是，購(gòu)買(mǎi)DHTMLX React Scheduler即同時(shí)獲得JavaScript與React版本授權(quán)，無(wú)須額外付費(fèi)，性?xún)r(jià)比極高！

如果您已有JavaScript Scheduler授權(quán)且仍在有效期內(nèi)，只需提供您的License編號(hào)，即可免費(fèi)獲取React版本支持，詳情可。

立即體驗(yàn)React Scheduler，開(kāi)啟高效排程新篇章！

無(wú)論您是構(gòu)建企業(yè)級(jí)項(xiàng)目管理系統(tǒng)、資源調(diào)度平臺(tái)，還是內(nèi)部日程安排工具，DHTMLX React Scheduler都是理想選擇。

關(guān)于 DHTMLX Scheduler

DHTMLX Scheduler 是一款專(zhuān)業(yè)的 JavaScript 日程排程控件，支持日/周/月/時(shí)間軸等多種視圖模式，具備高度可定制性，適用于排班系統(tǒng)、預(yù)約系統(tǒng)、項(xiàng)目排期、課程表等場(chǎng)景，完美適配 Angular、Vue、React 等主流框架。

?? 慧都科技 — DHTMLX 官方授權(quán)中國(guó)區(qū)合作伙伴

?? 了解更多 DHTMLX 產(chǎn)品詳情或申請(qǐng)?jiān)囉茫?qǐng)

關(guān)于慧都科技：

慧都科技是一家行業(yè)數(shù)字化解決方案公司，長(zhǎng)期專(zhuān)注于軟件、油氣與制造行業(yè)。公司基于深入的業(yè)務(wù)理解與管理洞察，以系統(tǒng)化的業(yè)務(wù)建模驅(qū)動(dòng)技術(shù)落地，幫助企業(yè)實(shí)現(xiàn)智能化運(yùn)營(yíng)與長(zhǎng)期競(jìng)爭(zhēng)優(yōu)勢(shì)。在軟件工程領(lǐng)域，我們提供開(kāi)發(fā)控件、研發(fā)管理、代碼開(kāi)發(fā)、部署運(yùn)維等軟件開(kāi)發(fā)全鏈路所需的產(chǎn)品，提供正版授權(quán)采購(gòu)、技術(shù)選型、個(gè)性化維保等服務(wù)，幫助客戶(hù)實(shí)現(xiàn)技術(shù)合規(guī)、降本增效與風(fēng)險(xiǎn)可控。慧都科技DHTMLX在中國(guó)的官方授權(quán)代理商，提供DHTMLX系列產(chǎn)品免費(fèi)試用，咨詢(xún)，正版銷(xiāo)售等于一體的專(zhuān)業(yè)化服務(wù)。DHTMLX專(zhuān)注于JavaScript和HTML5 UI小部件和庫(kù)，以幫助開(kāi)發(fā)人員更快地構(gòu)建功能豐富的、交互式的Web界面。 遵循現(xiàn)代網(wǎng)絡(luò)開(kāi)發(fā)的標(biāo)準(zhǔn)和做法，DHTMLX提供針對(duì)桌面和移動(dòng)設(shè)備定制的優(yōu)秀Web應(yīng)用程序框架。

下載|體驗(yàn)更多DHTMLX，請(qǐng)咨詢(xún)，或撥打產(chǎn)品熱線(xiàn)：023-68661681