dhtmlx-gantt vue添加时间基础线
时间: 2023-09-29 20:11:23 浏览: 91
dhtmlxGantt 介绍以及使用说明
要在dhtmlx-gantt vue中添加时间基础线,您可以使用gantt.config.grid_time_range配置项。
该配置项允许您定义一个对象数组,其中包含基础线的开始和结束时间。每个对象必须具有以下属性:
- start_date:基础线的开始时间。
- end_date:基础线的结束时间。
- css:基础线的CSS类。
例如,以下代码将在gantt vue中添加两条基础线,分别从2021年5月1日到2021年5月7日和从2021年5月15日到2021年5月21日:
```
<gantt :tasks="tasks" :config="config"></gantt>
// Vue组件中的config对象
{
grid_time_range: [
{
start_date: new Date(2021, 4, 1), // 月份从0开始计算,所以4代表5月份
end_date: new Date(2021, 4, 7),
css: "weekend"
},
{
start_date: new Date(2021, 4, 15),
end_date: new Date(2021, 4, 21),
css: "weekend"
}
]
}
```
CSS类“weekend”将应用于这两条基础线,您可以自定义CSS来更改基础线的样式。
阅读全文