task_end_date

definiert das Format für die Enddaten von Aufgaben im Lightbox

date

Date

das Datum, das formatiert werden muss

Example

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

Details

Format für inklusive Enddaten festlegen

Die Vorlage kann umdefiniert werden, um den Stil der Enddaten von Aufgaben im Gantt zu ändern (d.h. um das Enddatum in die Dauer der Aufgaben einzubeziehen).

Zum Beispiel betrachten wir eine Aufgabe, die am 2. April 2020 beginnt und einen Tag dauert.

Standardmäßig wird das Enddatum dieser Aufgabe als 3. April 2020 angezeigt (03-04-2020 00:00:00):

Live-Demo: Standardformat

Sie können das Format des Enddatums auf den 2. April 2020 ändern:

Live-Demo: Inklusives Enddatumformat

Um dies zu tun, müssen Sie die columns-Konfiguration überschreiben, wie folgt:

 
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");

Für weitere Informationen zur Formatierung von Enddaten siehe den Artikel Task end date display & Inclusive end dates.