FullCalendar Header bei Größenänderung ändern
Posted: 05 Jan 2025, 16:46
Ich verwende FullCalendar und versuche, es reaktionsfähig zu machen, indem ich die Ansicht ändere, wenn die Fenstergröße unter einer bestimmten Größe liegt:
Das funktioniert gut, aber wie kann ich die Kopfzeile ändern (Optionen für Monat und Woche entfernen und Titel entfernen)? Ein Beispiel des Kalenders können Sie hier sehen.
Header wird wie folgt festgelegt:
Code: Select all
windowResize : function(view) {
if ($(window).width() < 500) {
$('#calendar').fullCalendar('changeView', 'basicDay');
} else {
$('#calendar').fullCalendar('changeView', 'month');
}
// modify the header (remove options for month and week and remove title)
}
Header wird wie folgt festgelegt:
Code: Select all
$('#calendar').fullCalendar({
header : {
left : 'prev,next today',
center : 'title',
right : 'month,basicWeek,basicDay'
}
});