Zum Hauptinhalt springen

end_date

Description​

Definiert den Endpunkt der Zeitskala

end_date: Date | undefined

Example​

gantt.config.start_date = new Date(2018, 08, 10);
gantt.config.end_date = new Date(2018, 08, 20);
 
gantt.init("gantt_here");

Details​

Hinweis

Die end_date Option sollte zusammen mit der start_date Option verwendet werden, damit sie wirksam wird.

  • Wenn sowohl start_date als auch end_date gesetzt sind, erscheinen Aufgaben, die außerhalb dieses Bereichs liegen, nicht im Chart.
  • Anfangswerte für start_date und end_date können über optionale Parameter der init Methode bereitgestellt werden.
  • Die Einstellungen in start_date und end_date haben Vorrang vor fit_tasks. Um diese Konfigurationen zu kombinieren, müssen Sie die Zeitskala programmgesteuert steuern.

Hier ist ein Beispiel, wie man den Zeitbereich dynamisch erweitern kann:

gantt.attachEvent("onLightboxSave", function(id, task, is_new){
 const taskStart = task.start_date;
 const taskEnd = task.end_date;
 const scaleStart = gantt.config.start_date;
 const scaleEnd = gantt.config.end_date;

 // wenn die Aufgabe außerhalb des aktuellen Bereichs liegt
 if(scaleStart > taskEnd || scaleEnd < taskStart ){
  // passe die Grenzen der Zeitskala an
  gantt.config.end_date=new Date(Math.max(taskEnd.valueOf(), scaleEnd.valueOf()));
  gantt.config.start_date=new Date(Math.min(taskStart.valueOf(),scaleStart.valueOf()));
  gantt.render();
 }    
 return true;
});

Alternativ können Sie eine Validierung hinzufügen, um das Speichern von Aufgaben außerhalb des Bereichs zu verhindern:

gantt.attachEvent("onLightboxSave", function(id, task, is_new){
  const taskStart = task.start_date;
  const taskEnd = task.end_date;
  const scaleStart = gantt.config.start_date;
  const scaleEnd = gantt.config.end_date;

  // prüfen, ob die Aufgabe außerhalb des erlaubten Bereichs liegt
  if(scaleStart > taskEnd || scaleEnd < taskStart ){
    gantt.message({
      type:"warning", 
      text:"Warnung! Die Aufgabe liegt außerhalb des Datumsbereichs!",
      expire:5000
    });
    return false;
  } 
  return true;
});