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

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

技术

例如，要从月视图中隐藏周末，您应该使用如下方法：

通常，要在视图的比例中隐藏时间单位（时间线视图中的一小时，周视图中的一天等），您需要使用ignore_{viewName}方法。该方法是一个以单位日期为参数的函数。隐藏一个单位 – 为它返回true。

例如，要从月视图中隐藏周末，您应该使用如下方法：

// 0 refers to Sunday, 6 - to Saturdayscheduler.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动态加载，支持通过拖放功能调整事件日期和时间。事件可以按天，周，月三个种视图显示。

标签：

来源：慧都网