task_end_date

控制任务结束日期在lightbox中的显示方式

date

日期

需要格式化的日期

Example

gantt.templates.task_end_date = function(date){
   return gantt.templates.task_date(new Date(date.valueOf() - 1)); 
};

调整包含结束日期的格式

您可以重定义此模板，以修改任务结束日期在甘特图中的显示方式，例如将结束日期包含在任务持续时间内。

例如，考虑一个从2020年4月2日开始，持续一天的任务。

默认情况下，其结束日期将显示为2020年4月3日（03-04-2020 00:00:00）：

• 在线演示：默认格式

也可以将结束日期显示为2020年4月2日：

• 在线演示：包含结束日期格式

为实现此效果，请按如下方式重写 columns 配置：

 
gantt.config.columns = [
  {name: "wbs", label: "#", width: 60, align: "center", template: gantt.getWBSCode},
  {name: "text", label: "Name", tree: true, width: 200, resize: true},
  {name: "start_date", label: "Start", width:80, align: "center", resize: true},
  {name: "end_date", label: "Finish", width:80, align: "center", resize: true}, 
  {name:"add"}
];
gantt.templates.task_end_date = function(date){
   return gantt.templates.task_date(new Date(date.valueOf() - 1)); 
};
 
var gridDateToStr = gantt.date.date_to_str("%Y-%m-%d");
gantt.templates.grid_date_format = function(date, column){
   if(column === "end_date"){
     return gridDateToStr(new Date(date.valueOf() - 1)); 
   }else{
     return gridDateToStr(date); 
   }
}
gantt.init("gantt_here");

有关结束日期格式化的更多信息，请参阅Task end date display & Inclusive end dates文章。

Back to top