本文給大家講解dhtmlxGantt如何突出展示時間段。

DhtmlxGantt正版試用下載

為了讓用戶注意特定的時間段，您可以突出顯示它們。

• 要突出顯示時間線區域的單元格，請使用timeline_cell_class模板。
• 要突出顯示時間線時間刻度的單元格，請使用scale_cell_class模板。

模板是一個函數，它遍歷所有日期并將指定的 CSS 類應用于相關單元格。

例如，您可以突出顯示周末以直觀地將比例劃分為周：

<style>
.weekend{ background: #f4f7f4 !important;}
</style>
gantt.templates.scale_cell_class = function(date){
    if(date.getDay()==0||date.getDay()==6){
        return "weekend";
    }
};
gantt.templates.timeline_cell_class = function(task,date){
    if(date.getDay()==0||date.getDay()==6){ 
        return "weekend" ;
    }
};
gantt.init("gantt_here");

請注意，在使用工作時間計算時，您可以使用isWorkTime而不是硬編碼值：

gantt.config.work_time = true;
 
gantt.templates.scale_cell_class = function(date){
    if(!gantt.isWorkTime(date)){
        return "weekend";
    }
};
gantt.templates.timeline_cell_class = function(task,date){
    if(!gantt.isWorkTime({task:task, date:date})){
        return "weekend" ;
    }
};
gantt.init("gantt_here");

dhtmlxGantt享有超十年聲譽，支持跨瀏覽器和跨平臺，性價比高，可滿足項目管理控件應用的所有需求，是最完善的甘特圖圖表庫。了解更多內容，歡迎在線咨詢或者私信我獲取正版試用版及報價。

甘特圖控件交流群：764148812    歡迎進群交流討論

慧都年終狂歡季，全場產品，限時特惠，立即了解詳情！