JavaScript控件dhtmlxScheduler使用教程：解决后端集成问题-控件新闻-慧都网

JavaScript控件dhtmlxScheduler使用教程：解决后端集成问题

翻译|使用教程|编辑：董玉霞|2022-04-07 17:00:01.460|阅读 292 次

概述：JavaScript控件dhtmlxScheduler提供了在视图的水平比例中隐藏不必要的时间单位的可能性，您可以使用这种可能性来仅显示工作日并隐藏周末。

#慧都22周年庆大促·界面/图表报表/文档/IDE/IOT/测试等千款热门软控件火热促销中>>

JavaScript控件dhtmlxScheduler提供了在视图的水平比例中隐藏不必要的时间单位的可能性，您可以使用这种可能性来仅显示工作日并隐藏周末。

点击获取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;
};

dhtmlxScheduler是JavaScript日程安排控件

在隐藏比例单位的位置显示标记

要突出显示隐藏比例单位的位置，请使用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是JavaScript日程安排控件