DHTMLX Scheduler是一個全面的 UI 組件，用于處理面向業務的 Web 應用程序中復雜的調度和任務管理需求。

DHTMLX Scheduler 7.2現已全新發布！此更新將增強JS 調度庫的編碼體驗，并確保使用它構建的日歷具有更高的可用性。在之前版本的堅實基礎之上，v7.2 增加了針對重復事件的新編輯選項、修改了協作編輯，并增強了對日和周視圖中事件顯示的控制，歡迎下載體驗！

DHTMLX Scheduler 最新版下載 

重復事件的新編輯選項

在 7.1 版中，我們引入了對定期事件的 RRULE 格式的支持，這與廣為接受的 RFC-5545 標準保持一致。DHTMLX Scheduler 7.2 進一步擴展了此功能，讓您可以無縫修改定期系列的各部分。

此功能默認可用，無需額外配置。因此，最終用戶可以輕松同時編輯一組重復事件。只需指定一個特定事件，即可從中應用重復系列中的更改。在用戶界面中，可以通過兩種方式完成：

• 通過將所需事件拖到時間線中的某個單元格并選擇“此事件和后續事件”來重新安排事件，這會將相同的更改應用于其余的重復系列。

• 單擊重復系列中所需的事件，然后在彈出菜單中選擇“此事件和后續事件”選項，該選項將進一步的更改應用于重復系列的后續部分。

此方法不需要對應用程序的服務器端代碼進行任何更改。

修改后的協同編輯實時更新模塊

在 v7.2 中，Scheduler 的協作功能達到了新的水平。我們的開發人員修改了實時更新模塊，提供跨多個用戶的實時同步和協作編輯。

新的實施方案為實時數據更新帶來了現代、高效的支持，確保一個最終用戶所做的更改立即被所有其他用戶看到。

用于實時更新的客戶端處理程序現已嵌入到 Scheduler 組件中。要啟用它，您只需在應用中包含以下代碼：

const AUTH_TOKEN = "token";
scheduler.init('scheduler_here', new Date(2025, 3, 20), "week");
scheduler.load("/events");

const dp = scheduler.createDataProcessor({
    url: "/events",
    mode: "REST-JSON",
    headers: {
        "Remote-Token": AUTH_TOKEN
    }
});

const { RemoteEvents, remoteUpdates } = scheduler.ext.liveUpdates;
const remoteEvents = new RemoteEvents("/api/v1", AUTH_TOKEN);
remoteEvents.on(remoteUpdates);

實時協作功能需要兼容的后端實現。該實現使用統一的通信協議，可實現所有支持此功能的 DHTMLX 組件（如Scheduler、Gantt等）的實時更新。

改進隔夜事件的顯示

這種方法不需要對應用的服務器端代碼進行任何更改。從現在開始，all_timed插件的某些功能將默認啟用，使夜間事件的顯示更加清晰易懂。

在一天開始并在第二天結束的事件（持續時間少于 24 小時）現在顯示在“日”和“周”視圖的主列中，而不是顯示在頂部的多日部分中。

可以通過將all_timed配置設置為false來 禁用新行為。

此外，我們還添加了新的 API 選項，讓您可以更好地控制在多日部分和主列中顯示的事件。因此，您可以指定事件放置的標準，確保您的 JavaScript 調度日歷以最適合您需求的方式顯示事件。

const { isMainAreaEvent } = scheduler.ext.allTimed;
scheduler.ext.allTimed.isMainAreaEvent = function(event) {
    if(event.multidaySection){
        return false;
    }else{
        return isMainAreaEvent(event);
    }
};

有了這個新功能，您可以獲得額外的靈活性，在各種場景中顯示預定的夜間事件，從而增強應用程序的可用性。

其他改進

非變異日期函數

scheduler.date .{unit}_start函數已更新，不再改變輸入日期。此更改可確保日期計算是純函數，從而防止意外的副作用并使您的代碼更加可預測和可靠。

迷你日歷的新 API 事件

迷你日歷（日期選擇器）擴展還有新的 API 事件，可以更好地控制用戶與此元素的交互。

const dateToStr = (date) => date ? scheduler.templates.format_date(date) : null;
var calendar = scheduler.renderCalendar({
    container: "cal_here",
    navigation: true,
    events: {
        onBeforeMonthChange: function(oldDate, newDate) {
            scheduler.message(`Before change from ${dateToStr(oldDate)} to ${dateToStr(newDate)}`);
            return true;
        },
        onMonthChange: function(oldDate, newDate) {
            scheduler.message(`Changed from ${dateToStr(oldDate)} to ${dateToStr(newDate)}`);
        },
        onDateClick: function(date, e) {
            scheduler.setCurrentView(date);
            scheduler.message(`Selected date ${dateToStr(date)}`);
        },
        onDateMouseOver: function(date, e){
            scheduler.message(`Mouse over ${dateToStr(date)}`)
        }
    }
});

這一新穎的功能允許您在與日期選擇器交互時實現特定的行為。

如您有產品試用下載、價格咨詢、優惠獲取，或其他任何問題，請聯系。