renderCalendar

Description

Erzeugt einen kompakten Kalender

renderCalendar: (config: any) => HTMLElement

Parameters

• config - (required) object - die Konfigurationseinstellungen für den Kalender

Returns

• div - (HTMLElement) - das HTML-Element des Kalenders

Example

const calendar = scheduler.renderCalendar({
    container:"cal_here", 
    navigation:true,
    handler:function(date, calendar){
        scheduler.setCurrentView(date, scheduler._mode);
    }
});

Related samples

• Mini calendar in the scheduler header
• Mini calendar without the scheduler

Details

Hinweis

Diese Methode erfordert, dass das minical Plugin aktiviert ist.

Das Konfigurationsobjekt kann folgende Eigenschaften enthalten:

container	(string, object) der HTML-Container (oder dessen ID), in dem der Kalender platziert wird. Diese Angabe ist optional.
position	(object) gibt die Position des Kalenders an. Dies kann als Koordinaten oder als ID eines HTML-Elements erfolgen.
date	(string) legt das initial angezeigte Datum im Kalender fest
navigation	(boolean) schaltet die Monats-Navigationsbuttons ein oder aus
handler	(function) ein Callback, das ausgelöst wird, wenn ein Datum angeklickt wird. Es erhält das angeklickte Datum und die Kalenderinstanz als Argumente

const calendar = scheduler.renderCalendar({
    container:"for_calendar",
    date:new Date()
});
//
const calendar = scheduler.renderCalendar({
    position:"some_id",
    date:new Date()
});
//
const calendar = scheduler.renderCalendar({
    position: { left: 100, top: 50 },
    date:new Date()
});

Related Guides

• Mini-Kalender (Datumsauswahl)