翻譯|使用教程|編輯:秦林|2022-10-25 09:32:32.220|閱讀 350 次
概述:本文給大家講解dhtmlxGantt如何突出展示時間段。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
本文給大家講解dhtmlxGantt如何突出展示時間段。
為了讓用戶注意特定的時間段,您可以突出顯示它們。
模板是一個函數(shù),它遍歷所有日期并將指定的 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@fc6vip.cn