2016-12-05 3 views
0

Sorry, wenn dies zuvor gefragt wurde, aber ich konnte die Antwort nicht finden. Wenn ich in den Agenda-Ansichten allDaySlot = true habe, wird nur der Abschnitt "All Day" angezeigt und keine zeitspezifischen Ereignisse (oder sogar das Zeitfenster) angezeigt. Wenn ich allDaySlot = false habe, werden die zeitspezifischen Ereignisse angezeigt, nicht jedoch die All Day Events. Hier ist mein Kalender-Setup:FullCalendar Tagesordnung Ereignisse werden nicht angezeigt, wenn allDaySlot = true

$('#calendar').fullCalendar({ 
    defaultDate: "2016-12-05", 
    allDaySlot: true, 
    defaultView: 'agendaWeek', 
    events: [{ id:1, 
      start: "2016-12-06T10:00:00", 
      end:"2016-12-06T18:00:00", 
      title: 'test timed event', 
      allDay: false }, 
     { id:2, 
      start: "2016-12-07", 
      title: 'All Day Event', 
      allDay: true } 
    ] 

}); 

Hier ist der Ausgang: enter image description here

Wie bei den meisten Dingen, ich bin sicher, dass ich etwas ganz einfach bin fehlt. Vielen Dank im Voraus für Ihre Unterstützung!

+0

Das Problem muss woanders sein. Der von Ihnen erwähnte Code funktioniert ordnungsgemäß. Bitte überprüfen Sie - https://jsfiddle.net/vacctg4f/. Können Sie den gesamten Seitencode teilen oder prüfen, ob keine Ausnahmen in der Browserkonsole vorhanden sind? –

+0

Danke @ KrzysztofKaźmierczak, ich dachte, dass der Code korrekt war. Denkst du, eine alte Version von jQuery würde dieses Verhalten verursachen? Wir sind auf einer alten Version der jQuery-Bibliothek (1.8.2) –

+0

Und keine Fehler in der Konsole. –

Antwort

0

Wie von Krysztof angegeben, funktioniert mein Code richtig. Ich habe die Seite, die meinen Code enthält, entfernt (Entfernen einer Masterseite usw.) und der Code funktioniert in meiner App richtig. Also mache ich mich auf die Suche nach dem widersprüchlichen Code.

BEARBEITEN (für jemanden, der dieses Problem hat): Meine Seite verweist auf eine .NET-Masterseite und der Kalender befindet sich in einem Inhalts-Tag. Ich glaube, das verursacht einen Konflikt auf dem Element "fc-time-grid-container" von FullCalendar. Auf dieses Element wird ein Inline-Stil für Overflow-x und Overflow-y angewendet. Wenn Sie diese Einstellungen entfernen, wird der Kalender korrekt wiedergegeben. Vorerst werde ich sie nach dem Rendern des Kalenders über den JavaScript-Code entfernen, bis ich eine bessere Lösung gefunden habe.

+0

viel glück !!!! ;) –

Verwandte Themen