项目管理软件dhtmlxGantt配置教程（十二）：如何自定义时间单位

最新推荐文章于 2024-10-12 11:08:36 发布

小董讲MES

最新推荐文章于 2024-10-12 11:08:36 发布

阅读量1.7k

点赞数

分类专栏：资讯更新项目管理工具dhtmlxGantt中文教程内容文章标签：项目管理工具甘特图项目管理软件 DHTMLXGantt dhtmlxgantt

本文链接：https://blog.csdn.net/HD202202/article/details/127506808

版权

本文介绍了如何在dhtmlxGantt中自定义时间单位，包括定义开始时间和增加时间的函数，以及通过示例展示了如何创建‘fiscal_year’和将每日划分为三小时单元格的操作。dhtmlxGantt是一款适用于项目管理的全面甘特图图表库。

摘要由CSDN通过智能技术生成

自定义时间单位

dhtmlxGantt 允许您定义自定义时间单位并在比例配置中为标签设置模板。

要定义自定义单位，您需要在Date 对象中定义 2 个函数：

Date gantt.date.<unit>_start(Date date);
Date gantt.date.add_<unit>(Date date, Integer increment);

第一个函数应返回任何给定日期的开始时间单位（例如，2 月 14 日 -> 2 月 1 日的 month_start）。
第二个函数将日期增加任何给定的持续时间单位数（例如“日期减 2 天”）

示例 1

让我们创建一个“fiscal_year”单位并假设一个财政年度将在 1 月 31 日结束。这是指定新单位的方式：

var firstMonth = 1,
    firstDay = 1;
 
gantt.date.fiscal_year_start = function(date){       
   var next = new Date(date);
   if(next.getMonth() < firstMonth || 
      (next.getMonth() === firstMonth && next.getDate() < firstDay)){
      next = gantt.date.add(next, -1, "year"); 
   }
 
  next = gantt.date.year_start(next);
  next.setMonth(firstMonth);
  next.setDate(firstDay);
 
  retu