javascript - 週末を彩るDhtmlSchedulerのタイムライン

Question

タイムライン ビューを使用している場合、週末を他の平日とは異なる色にするにはどうすればよいですか? たとえば、週末の背景色を明るい黄色に変更する方法。これを使用してみましたが、その月にイベントが含まれていない場合、色は変わりません。

 scheduler.templates.timeline_cell_class = function(evs, x, y) {
                if (x.getDay() == 6 || x.getDay() == 0) {
                    return getWeekendClass();
                }
                };

var getWeekendClass = function() {
        return "weekend_cell";
    };

Answer 1

それでも答えが必要な場合は、次のことだけを行う必要があります。

scheduler.addMarkedTimespan({
    days: [0, 6],   // Sunday and Saturday
    zones: "fullday",
    css: "scheduler_weekends"
});

ここで、scheduler_weekends は次のようになります。

.scheduler_weekends {
    background-color: #FFFF00;
    opacity: 0.5;
}

これにより、月ビューを除くすべてのビューで週末が黄色で表示されます。月ビューで表示するには、CSS に以下を追加する必要があります。

.dhx_scheduler_month .dhx_marked_timespan { display: block; }