项目管理工具dhtmlxGantt甘特图入门教程(八):数据加载(二)

翻译|使用教程|编辑:秦林|2022-09-30 10:20:42.333|阅读 45 次

概述:这篇文章给大家讲解如何利用dhtmlxGantt加载任务日期。

# 31款JAVA开发必备控件和工具 # 年末狂欢季,DevExpress、Aspose等5000款正版软/控件抄底价来袭 >>

相关链接:

dhtmlxgantt入门教程

这篇文章给大家讲解如何利用dhtmlxGantt加载任务日期。

DhtmlxGantt正版试用下载

加载任务日期

设置任务计划

可以通过三种方式为数据馈送中的任务定义计划:

  • 开始日期 + 持续时间
  • 开始日期 + 结束日期
  • 持续时间 + 结束日期

未指定的属性将根据数据对象中定义的属性进行计算。

end_date的优先级高于duration参数。如果任务对象中指定了3个参数,甘特图将忽略持续时间参数,任务将加载不同的持续时间值。例如:

{
    "id":"20", "text":"Project #2", 
    "start_date":"01-04-2025", 
    "duration":3, 
    "end_date":"05-04-2025", 
    "order":10,"progress":0.4, 
    "type": "project", "open": true
}
 
// the task above will be loaded with the duration value calculated in accordance
// with the specified 'start_date' and 'end_date'
{
    "id":"20", "text":"Project #2", 
    "start_date":"01-04-2025", 
    "duration":4, 
    "end_date":"05-04-2025", 
    "order":10,"progress":0.4, 
    "type": "project", "open": true
}
以ISO格式加载日期

您可以在甘特图中使用ISO日期格式。为此,您需要重新定义在甘特图中解析和序列化日期的函数:

gantt.templates.parse_date = function(date) { 
    return new Date(date);
};
gantt.templates.format_date = function(date) { 
    return date.toISOString();
};

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理控件应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯,欢迎在线咨询或者私信我获取正版试用版及报价。


甘特图控件交流群:764148812    欢迎进群交流讨论

更多正版甘特图软件下载、购买、授权咨询,请点这里!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线咨询
联系我们

客服热线
023-68661681

QQ客服

意见反馈


添加微信获专业服务

TOP
在线客服系统
live chat