scale_cell_class

определяет CSS класс, который будет назначен ячейкам в шкале времени области timeline

date

Date

конкретная дата, представленная ячейкой

Example

<style>
.weekend{ background: #f4f7f4 !important;}
</style>

gantt.templates.scale_cell_class = function(date){
    if(date.getDay()==0||date.getDay()==6){
        return "weekend";
    }
};

Related samples

При использовании расчёта рабочего времени можно опираться на isWorkTime вместо использования фиксированных значений:

gantt.config.work_time = true;
 
gantt.templates.scale_cell_class = function(date){
    if(!gantt.isWorkTime(date))
        return true;
};

Если установлено несколько шкал через свойство gantt.config.scales, этот шаблон влияет только на первую шкалу. Чтобы назначить CSS классы ячейкам в других шкалах, используйте атрибут css внутри конфигурации gantt.config.scales:

gantt.config.scales = [
    { unit: "month", step: 1, date: "%F" },
    { unit: "week", step: 1, date: "%W" },
    {
        unit: "day", step: 1, date: "%d", css: function (date) {             if (!gantt.isWorkTime({ date: date })) {                 return "weekend";             }         }     },
];

К началу