問題

如果您嘗試手動或按照我們的《日程安排控件dhtmlxScheduler的使用教程：如何使用PHP 實現調度程序》實現后端API，但是您打開頁面時調度程序沒有顯示任何事件，很有可能是您保存更改到后端時遇到了麻煩。

原因

在不同平臺上的不正確行為可能有很多原因和解決方案，我們將在其他文章中涉及，在本文中不涉及。本文的目標是引導您完成調查此類問題的常見步驟，找到問題并了解應用程序無法運行的原因，后面的修復就十分簡單了。

檢查頁面上的錯誤消息

1.打開瀏覽器開發工具，重新加載頁面。您是否在瀏覽器控制臺中看到任何錯誤消息？

2. 如果有任何錯誤，請評估錯誤并決定您是否能夠自行處理。否則，繼續下一步。

檢查客戶的要求

1. 打開網絡面板，確保XHR請求可見。

2. 重新加載頁面并找到一個應該從后端加載數據的請求，確保它轉到正確的 URL 并檢查響應狀態。

有沒有錯誤？404 響應狀態意味著傳遞給scheduler.init方法的URL不正確或應用程序的路由設置存在問題。

檢查從服務器返回的內容

選擇請求并檢查響應預覽或原始響應內容。

響應是否與預期的數據格式相似。

如果看到來自 Web 服務器而不是調度程序數據的錯誤消息

可以確定后端代碼或數據庫連接設置有問題。通常，錯誤響應包含足夠的信息來找出導題的原因。如果您看到一般500 sever error消息，您可能需要暫時禁用服務器上的自定義錯誤頁面才能查看實際錯誤，在不同的平臺上以不同的方式完成。如果您不確定從哪里開始，只需谷歌“禁用 <%your server or framework%>中的自定義錯誤頁面”。

如果數據看起來或多或少沒問題

看看id,start_date和end_date屬性。

• id- 具有相同 id 的項目將被合并。如果您有五個具有匹配 id 的事件，調度程序將只顯示一個。
• start_date, end_date- 確保日期格式與您在調度程序的date_format配置中指定的格式匹配，閱讀有關數據屬性的詳細信息。

如果實際日期格式與調度程序所期望的不匹配，則事件將具有無效的日期并且根本不會顯示，或者將被移至稍后的日期。通常xml_date在scheduler.init調用之前設置如下：

scheduler.config.xml_date="%Y-%m-%d %H:%i";

如果在屬性值中發現異常，檢查數據庫中存儲的內容，可能問題就在那里。如果日期格式不匹配，請更改date_format配置，或修改序列化任務日期的代碼，然后再將它們輸出到客戶端。

檢查加載到調度程序中的內容

日期格式無效

1. 打開瀏覽器控制臺并運行scheduler.getEvents()。

2. 檢查控制臺輸出。您可能會看到一系列事件。

同樣，您可以檢查某些記錄的start_date和end_date屬性。您可能會注意到invalid date值或明顯出乎意料的東西，例如 1970 年或 2038 年。這顯然表明date_format格式存在問題。

單位/時間線的缺失屬性

如果您使用“單位”或“時間線”視圖，事件未映射到單位/時間線的任何部分，則可能不會顯示事件。為了檢查它，您可以使用skip_incorrect:falseUnits視圖：

scheduler.createUnitsView({
    name:"unit",
    ...
    skip_incorrect:false
});

或者，show_unassigned: true對于時間軸視圖：

scheduler.createTimelineView({
    name:"timeline",
    ...
    show_unassigned: true
});

如果是這種情況，在您更改配置并重新加載后，事件將出現在Units/Timeline視圖的第一部分。然后分別檢查Units或Timeline視圖的property或y_property選項的值，以及事件相應屬性的值。

過濾器

如果您在那里沒有看到任何明顯的問題，您可能需要檢查您的代碼，可能事件被filter隱藏了。

最后一招

如果上述方法均無濟于事，或者您既沒有看到任何事件，也沒有看到控制臺錯誤，請聯系我們的技術支持以解決您的問題。

請務必提供您在完成上述步驟時收集的所有信息。

此外，我們的團隊將需要一個最小的可重現演示：或者是帶有簡化應用程序的獨立包（調度程序頁面、所有必需文件、帶有一些測試數據的數據庫轉儲，或者帶有您嘗試加載的數據的靜態 JSON 文件），或者一個在線鏈接，我們可以在其中檢查瀏覽器中的問題。

dhtmlxScheduler | 下載試用

dhtmlxScheduler 是一個類似于Google日歷的JavaScript日程安排控件，日歷事件通過Ajax動態加載，支持通過拖放功能調整事件日期和時間。事件可以按天，周，月三個種視圖顯示。