成人国产精品秘,亚洲国产精品免费,午夜视频在线网站

項目管理軟件dhtmlxGantt配置教程（十五）：突出展示時間段

翻譯|使用教程|編輯：秦林|2022-10-25 09:32:32.220|閱讀 368 次

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

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

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

DhtmlxGantt正版試用下載

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

要突出顯示時間線區(qū)域的單元格，請使用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 歡迎進群交流討論

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

標簽：

本站文章除注明轉載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載，但請務必注明出處、不得修改原文相關鏈接，如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn

上一篇：LEADTOOLS 入門教程: 將注釋刻錄到 LEADDocument - C# .NET Core 下一篇：Word處理控件Aspose.Words功能演示：在 Java 中將 Word 文檔作為電子郵件發(fā)送