Zum Hauptinhalt springen

start_date

Description​

Definiert, wo die Zeitskala beginnt

start_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

Um die start_date-Option korrekt zu verwenden, sollte sie mit der end_date-Option kombiniert werden.

  • Wenn sowohl start_date als auch end_date gesetzt sind, werden Aufgaben, die außerhalb dieses Bereichs liegen, im Diagramm nicht angezeigt.
  • Sie können optionale Parameter der init-Methode als Anfangswerte für start_date und end_date verwenden.
  • Beachten Sie, dass start_date und end_date Vorrang vor fit_tasks haben. Wenn Sie diese zusammen verwenden möchten, müssen Sie die Zeitskala programmgesteuert steuern.

So können Sie den Zeitbereich dynamisch erweitern:

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

 // wenn die Aufgabe außerhalb des aktuellen Bereichs liegt
 if(scaleStart > taskEnd || scaleEnd < taskStart ){
  // aktualisiere die Grenzen der Zeitskala
  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 im Lightbox hinzufügen, um Aufgaben außerhalb des Bereichs zu verhindern:

gantt.attachEvent("onLightboxSave", function(id, task, is_new){
     var taskStart = task.start_date;
     var taskEnd = task.end_date;
     var scaleStart = gantt.config.start_date;
     var 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;
});