addCalendar

fügt einen Kalender in Gantt ein

string addCalendar(CalendarConfig calendar);

calendar

CalendarConfig

ein Objekt mit der Konfiguration des Kalenders

string

die ID des Kalenders

Example

// Hinzufügen eines zuvor erstellten Kalenders
var calendarId = gantt.addCalendar(calendar);
 
// Hinzufügen eines Kalenders mit einer neuen Konfiguration
var calendarId = gantt.addCalendar({
    id:"custom", // optional
    worktime: {
        hours: ["8:00-17:00"],
        days: [ 1, 1, 1, 1, 1, 1 ,1]
    }
});
 
var calendar = gantt.getCalendar(calendarId);

Related samples

Details

Das Kalenderkonfigurationsobjekt kann die folgenden Attribute enthalten:

id? - (string | number) - optional, die Kalender-ID
worktime? - (object) - ein Objekt, das die Arbeitszeiten in Tagen und Stunden festlegt. Es kann enthalten:
- hours? - (string[] | number[] | boolean) - optional, ein Array mit globalen Arbeitszeiten, das die Start- und Endzeiten der Aufgabe festlegt
- days? - (WorkDaysTuple) - optional, ein Array von 7 Tagen der Woche (von 0 - Sonntag bis 6 - Samstag), wobei 1/true für einen Arbeitstag und 0/false für einen Nichtarbeitstag steht
- customWeeks? - (object) - optional, ein Objekt mit unterschiedlichen Arbeitszeitregelungen für verschiedene Zeiträume. Das Objekt kann eine Menge von Schlüssel-Wert-Paaren enthalten, wobei der Schlüssel der Name eines Zeitraums und der Wert ein Objekt mit einer Liste von Attributen ist.
  - [timespan: string] - (object) - der Zeitraum mit den Arbeitszeiteinstellungen. Der Name dieses Objekts wird als Name des Zeitraums verwendet
    - from - (Date) - das Datum, an dem der Zeitraum beginnen soll
    - to - (Date) - das Datum, an dem der Zeitraum abgeschlossen sein soll
    - hours? - (Array<string | number>) - optional, ein Array von Arbeitszeiten als 'von'-'bis'-Paare. Der Wert 'false' setzt einen freien Tag, 'true' (Standardwert) wendet die Standardzeiten (["8:00-17:00"]) an
    - days? - (WorkDaysTuple | boolean) - optional, ein Array von 7 Tagen der Woche (von 0 - Sonntag bis 6 - Samstag), wobei 1/true für einen Arbeitstag und 0/false für einen Nichtarbeitstag steht.

Individuelle Arbeitszeiten für einen Tag festlegen

Anstelle der Nummer eines Wochentages können Sie auch benutzerdefinierte Arbeitszeiten für diesen Tag festlegen.
Zum Beispiel:

var calendar = {
    id:"calendar1", // optional
    worktime: {
        hours: ["8:00-17:00"],
        days: [ 0, 1, 1, 1, ["12:00-17:00"], 1, 0]
    }
}

wobei ["12:00-17:00"] die Arbeitszeiten von 12 Uhr bis 17 Uhr für Donnerstag sind.

Arbeitszeiten für verschiedene Zeitintervalle festlegen

Es besteht die Möglichkeit, unterschiedliche Arbeitszeitregelungen für verschiedene Zeiträume mithilfe des Attributs customWeeks zu konfigurieren:

// Hinzufügen eines Kalenders mit einer neuen Konfiguration
gantt.addCalendar({
    id:"default", // optional
    worktime: {
        hours: ["8:00-17:00"],
        days: [ 1, 1, 1, 1, 1, 1 ,1],
        customWeeks: {
            winter: {
                from: new Date(2020, 11, 1),// 1. Dezember 2020
                to: new Date(2021, 2, 1),// 1. März 00:00, 2021
                hours: ["9:00-13:00", "14:00-16:00"],
                days: [ 1, 1, 1, 1, 0, 0, 0]
            }
        }
    }
});