项目管理工具dhtmlxGantt甘特图入门教程（八）：数据加载（三）

最新推荐文章于 2024-04-22 19:00:09 发布

原创

最新推荐文章于 2024-04-22 19:00:09 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#甘特图 #项目管理软件 #项目管理工具 #dhtmlxgantt

本文介绍了dhtmlxGantt中处理任务结束日期的常见问题，包括默认行为可能导致的误解及如何通过配置任务_end_date模板来改变显示格式。文章还提到了在保存和显示任务数据时，如何处理结束日期以避免与持续时间计算冲突。

这篇文章给大家讲解如何利用 dhtmlxGantt正确保存和显示任务的结束日期，本节将给你一个明确答案。

点击获DhtmlxGantt官方正式版

首先，让我们考虑一下在处理任务日期时可能会遇到的两种情况：

方案1

当任务持续时间以天为单位测量时 (duration_unit="day")
当任务数据对象包含“%Y-%m-%d”或“%d-%m-%Y”格式的开始和结束日期时（即没有小时-分钟部分）

由于dhtmlxGantt如何解释和存储任务结束日期的详细信息，结果日期可能具有不期望的值。

看看下面的例子：

gantt.parse({ tasks: [
{ 
id: 1,
text: "Task 1",
start_date: "22-12-2021",
end_date: "22-12-2021"
}
]}, links:[]);
console.log(gantt.getTask(1).end_date);
// 22 December 2021 00:00:00
console.log(gantt.getTask(1).duration);
// 0

在此示例中，开始日期和结束日期将引用相同的时间点，并且任务持续时间将为0。

方案2

当任务的结束日期显示在网格中时
并且结束日期的格式不包括小时-分钟部分

gantt.config.columns = [
{name: "text", label: "Name", tree: true, width: 200, resize: true},
{name: "duration", label: "Duration", width:80, align: "center", resize: true},
{name: "start_date", label: "Start", width:80, align: "center", resize: true},
{name: "end_date", label: "Finis

最低0.47元/天解锁文章