問題

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

原因

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

檢查頁面上的錯誤消息

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

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

檢查客戶的要求

1. 打開網(wǎng)絡面板，確保XHR請求可見。

2. 重新加載頁面并找到一個應該從后端加載數(shù)據(jù)的請求，確保它轉(zhuǎn)到正確的 URL 并檢查響應狀態(tài)。

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

檢查從服務器返回的內(nèi)容

選擇請求并檢查響應預覽或原始響應內(nèi)容。

響應是否與預期的數(shù)據(jù)格式相似。

如果看到來自 Web 服務器而不是調(diào)度程序數(shù)據(jù)的錯誤消息

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

如果數(shù)據(jù)看起來或多或少沒問題

看看id,start_date和end_date屬性。

• id- 具有相同 id 的項目將被合并。如果您有五個具有匹配 id 的事件，調(diào)度程序?qū)⒅伙@示一個。
• start_date, end_date- 確保日期格式與您在調(diào)度程序的date_format配置中指定的格式匹配，閱讀有關(guān)數(shù)據(jù)屬性的詳細信息。

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

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

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

檢查加載到調(diào)度程序中的內(nèi)容

日期格式無效

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
});

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

過濾器

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

最后一招

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

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

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

dhtmlxScheduler | 下載試用

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