div>'，colContent = function(task){

return(' i>'

+' i>'

+'

以上是添加标签的方法，这里适用于平台，毕竟原先的JS与平台的js有点冲突(不能传参，可参考全局变量或其他方法)，调用的onclick传不了值，想要看原代码的参考以下

继续刚刚的，只有上面的代码还不行，还必须引用

实现CSS样式如下：

.fa {

cursor：pointer;

font-size：14px;

text-align：center;

不透明度：0.2;

填充：5px;

}

.fa：hover {

opacity：1;

}

.fa-pencil {

color：#ffa011;

}

.fa-plus {

color：＃328EA0;

}

.fa-times {

color：red;

}

三：设置具体时间格式

如图所示，代码如下：可直接引用

gantt.config.scale_unit =“day”;

gantt.config.date_scale =“％D，％d”;

gantt.config.min_column_width = 60;

gantt.config.duration_unit =“day”;

gantt.config.scale_height = 20 * 3;

gantt.config.row_height = 28;

var weekScaleTemplate = function(date){

var dateToStr = gantt.date.date_to_str(“％d％M”);

var weekNum = gantt.date.date_to_str(“(周％W)”);

var endDate = gantt.date.add(gantt.date.add(date，1，“week”)， - 1，“day”);

return dateToStr(date)+“ - ”+ dateToStr(endDate)+“”+ weekNum(date);

};

gantt.config.subscales = [{

unit：“month”，

step：1，

date：“％F，％Y”

}，{

unit：“week”，

step：1，

template：weekScaleTemplate

}];

四：实现工作时间突出周末颜色

下面是具体代码

gantt.templates.scale_cell_class = function(date){

//调试器;

if(date.getDay()== 0 || date.getDay()== 6){

// alert(date.getDay());

返回“周末”;

}

};

gantt.templates.task_cell_class = function(item，date){

// debugger;

if(date.getDay()== 0 || date.getDay()== 6){

return“weekend”;

}

};

//样式

.weekend {

background：＃f4f7f4;

}

.gantt_selected .weekend {

background：＃f7eb91;

}

五：实现任务移动拖拽功能

以下代码可实现移动，具体保存自己实现(有移动后的方法onAfterTaskMove)

gantt.config.order_branch = true; //实现拖

插gantt.config.order_branch_free = true;

六：工作时间设置为小时

如图所示为时间设置，原地址：https：//docs.dhtmlx.com/gantt/desktop__working_time.html#multipleworktimecalendars

设置之后默认为0-24小时都显示，只有购买的情况下，可以使用代码隐藏不需要的时间(如图8-16)