JavaScript控件dhtmlxScheduler提供了在視圖的水平比例中隱藏不必要的時間單位的可能性，您可以使用這種可能性來僅顯示工作日并隱藏周末。

技術

例如，要從月視圖中隱藏周末，您應該使用如下方法：

通常，要在視圖的比例中隱藏時間單位（時間線視圖中的一小時，周視圖中的一天等），您需要使用ignore_{viewName}方法。該方法是一個以單位日期為參數的函數。隱藏一個單位 - 為它返回true。

例如，要從月視圖中隱藏周末，您應該使用如下方法：

// 0 refers to Sunday, 6 - to Saturday
scheduler.ignore_month = function(date){
    if (date.getDay() == 6 || date.getDay() == 0) //hides Saturdays and Sundays
        return true;
};

在隱藏比例單位的位置顯示標記

要突出顯示隱藏比例單位的位置，請使用addMarkedTimespan方法。例如，在時間軸視圖中，我們保留從 10:00 到 18:00 的時間并隱藏剩余的時間。為了突出省略小時的位置，我們將使用 40 分鐘持續時間的標記：在每個邊界單元格中為 20 分鐘。

.yellow_section {
    background-color: #ffa749;
    opacity: 0.25;
}
scheduler.addMarkedTimespan({
    days: "fullweek",
    zones:[9.5*60, 20.5*60],
    invert_zones:true,
    css: "yellow_section"
});

dhtmlxScheduler | 下載試用

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