Gibt es einen Weg im Vollkalender auf der Wochenansicht um 1 Tag zu verschieben (next/prev Buttons) statt 1 Woche hin und her zu springen?Vollkalender nur um 1 Tag (vor/zurück) in der Wochenansicht verschieben
Der Grund ist, weil, wenn ich ein Event auf der Wochenansicht erstelle ich bis zum letzten Tag begrenzt bin und es auf die nächste Woche nicht verlängern ...
Sie können benutzerdefinierte Ansicht wie folgt erstellen:
$('#calendar').fullCalendar({
header: {
center: 'month,basicWeekOneDay' // buttons for switching between views
},
views: {
basicWeekOneDay: {
type: 'basicWeek',
duration: { days: 1 },
buttonText: '1 day'
}
}
});
Hier Geige für das gleiche: https://jsfiddle.net/raj20090/j99f7zqw/2/
Wie werden die Ereignisse gerendert? – Keynes
Richtig, aber das ist nicht genau das, was ich frage :) Ich möchte einige Tage sehen (7 standardmäßig) und immer noch in der Lage sein, die Woche um 1 Tag Schritte zu verschieben, wenn Sie die Prev/Next Tasten drücken. – hosselausso
Okay, ich herausgefunden, wie diese Arbeit sowohl für Subtraktion und Addition zu machen. Ich musste die Datei fullcalendar.js selbst ändern, was bedeutet, dass es einige andere Komplikationen geben könnte, da ich dies nicht über das Klicken der nächsten und vorherigen Tasten getestet habe. Ich würde diesen Ansatz nicht empfehlen, wenn Sie mehr als eine Ansicht verwenden möchten.
Kraft Current bis auf Klick aus
Kommentarzeilen ändern 9741-9747 und 9759 Dies ermöglicht es dem Current wenn zu ändern, um die nächste Schaltfläche klicken, obwohl Sie eigentlich noch nicht die Current links
Zurück Klicken
Linie 7931 Bedürfnisse
geändert werdenNext Click
Linie 7939 muss sich ändern
date.clone().startOf('day').add(1, 'day')
Sie haben jetzt dateIncrement als Option hinzugefügt.
$('#calendar').fullCalendar({
header: {
left: 'today prev,next',
center: 'title',
right: 'CustomW,CustomF,CustomS',
},
views: {
CustomW: {
type: 'timelineWeek',
duration: { days: 7 },
buttonText: 'Week',
dateIncrement: { days: 1 },
},
CustomF: {
type: 'timelineWeek',
duration: { days: 15 },
buttonText: '15 day',
dateIncrement: { days: 4 },
},
CustomS: {
type: 'timelineMonth',
duration: { days: 30 },
buttonText: 'Month',
dateIncrement: { days: 10 },
},
},
Wenn Sie nur mit einer Ansicht arbeiten, können Sie die Datei fullcalendar.js selbst ändern. Ich habe herausgefunden, wenn Sie die Zeile 7931 von 'date.clone() ändern. StartOf (this.intervalUnit) .subtract (this.intervalDuration), -1 'zu date.clone(). StartOf (this.intervalUnit) .subtract (1) 'Die Schaltfläche prev funktioniert wie erwartet. Ändert jedoch Zeile 7939 von 'date.clone(). StartOf (this.intervalUnit) .add (this.intervalDuration)' zu date.clone(). StartOf (this.intervalUnit) .add (1) 'tut nichts. Ich werde weiterhin versuchen, den Zusatz zur Arbeit zu bringen. –