Monatsansicht

Die Monatsansicht zeigt einen einzelnen Kalendermonat an.

Initialisierung

Die Monatsansicht ist standardmäßig in das Grund-Layout des Schedulers integriert, daher sind keine zusätzlichen Schritte erforderlich, um sie hinzuzufügen.

// Standard-Initialisierung; die Monatsansicht ist automatisch enthalten
scheduler.init('scheduler_here', new Date(2019,0,10), "month");
...
scheduler.load("/data/events");

Related sample: Basic initialization

Entfernen des Tabs für die Monatsansicht

Wenn Sie den Tab für die Monatsansicht entfernen möchten, löschen Sie einfach das entsprechende div aus dem Scheduler-Markup:

// Entfernen Sie dieses div, um den Monatstab zu entfernen
<div class="dhx_cal_tab" name="month_tab" style="right:204px;"></div>

Begrenzung der Anzahl von Ereignissen in einer Zelle

Standardmäßig passt der Scheduler die Zellenhöhe so an, dass alle Ereignisse hineinpassen.

Ab Version 4.0 können Sie steuern, wie viele Ereignisse in jeder Zelle angezeigt werden, was auch die Zellenhöhe begrenzt.

Um die maximale Anzahl von Ereignissen pro Zelle festzulegen, verwenden Sie die Option max_month_events:

scheduler.config.max_month_events = 3;
..
scheduler.init('scheduler_here', new Date(2019,5,30), "month");

Wenn mehr Ereignisse als das festgelegte Limit vorhanden sind, erscheint ein "Mehr anzeigen"-Link. Beim Anklicken wird der Benutzer zur Tagesansicht weitergeleitet, in der alle Ereignisse vollständig angezeigt werden.

Ausblenden von Tagen auf der X-Achse der Ansicht

Um bestimmte Tage aus der Skala auszuschließen – zum Beispiel nur Arbeitstage anzuzeigen und Wochenenden auszublenden – verwenden Sie die Methode ignore_month().
Diese Funktion erhält das Datum der Zelle als Parameter. Geben Sie true für jeden Tag zurück, den Sie ausblenden möchten.

// 0 ist Sonntag, 6 ist Samstag
scheduler.ignore_month = function(date){
    if (date.getDay() == 6 || date.getDay() == 0) // blendet Samstage und Sonntage aus
        return true;
};

Tageszahlen als anklickbare Links darstellen

Die Tageszahlen in der Monatsansicht können anklickbar gemacht werden, um den entsprechenden Tag in einer ausgewählten Ansicht zu öffnen.

So machen Sie die Tageszahlen anklickbar:

Aktivieren Sie die active_links-Erweiterung auf der Seite:

scheduler.plugins({
    active_links: true
});

(Optional) Legen Sie die Option active_link_view fest, um zu bestimmen, welche Ansicht beim Anklicken eines Tages geöffnet wird. Standardmäßig wird die Tagesansicht geöffnet:

// Beim Anklicken eines Tages wird die Wochenansicht geöffnet
scheduler.config.active_link_view = "week";
...
scheduler.init('scheduler_here', new Date(2012,7,6), "month");

Related sample: Month days as links

Events per Drag-and-Drop in der Größe verändern (ab Version 4.1)

Standardmäßig ist das Größenändern von Ereignissen in der Monatsansicht per Drag-and-Drop nicht aktiviert (nur über das Bearbeitungsformular möglich).

Um das Größenändern von mehrtägigen Ereignissen per Drag-and-Drop zu ermöglichen, aktivieren Sie die Option resize_month_events:

// Aktiviert das Größenändern von mehrtägigen Ereignissen per Drag-and-Drop
scheduler.config.resize_month_events = true;  
scheduler.init('scheduler_here', new Date(2019,0,10), "month");

Um das Größenändern sowohl für mehrtägige als auch für eintägige Ereignisse per Drag-and-Drop zu ermöglichen, setzen Sie zusätzlich die Option resize_month_timed auf true:

// Aktiviert das Größenändern für ein- und mehrtägige Ereignisse per Drag-and-Drop
scheduler.config.resize_month_events = true;scheduler.config.resize_month_timed = true;  scheduler.init('scheduler_here', new Date(2019,0,10), "month");

Bitte beachten Sie:

Die Option resize_month_timed funktioniert nur, wenn resize_month_events aktiviert ist.
Wenn resize_month_timed aktiviert ist, erhalten eintägige Ereignisse ein anderes Aussehen: