2016-05-20 9 views
0

Ich verwende JQuery Fullcalendar (v2.6.1).Vollkalender zeigt letzte Zeile nicht an EOD-Ereignisse in der Ansicht 'agendaDay'

Ich habe eine Veranstaltung erstellt, die um 23:50 beginnt und heute um 02:00 Uhr endet. Morgen. Aber der Titel dieses Ereignisses wird nicht auf der heutigen Liste angezeigt. Die Inhaltshöhe passt sich nicht mit exaktem Inhalt an.

$(document).on('pageshow','#index',function(e,data){  
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
     editable: true, 
     defaultView: 'agendaDay', 
     events: [ 
      { 
       title: 'Meeting', 
       start: new Date(y, m, d, 23, 50), 
       allDay: false 
      } 
     ] 
    }); 
}); 

FIDDLE

Ich möchte das markierte Ereignis in dem unten stehenden Bild vollständig zeigen. enter image description here

Ist es möglich, Ereignisdetails anzuzeigen, ohne die heutige Liste selbst einzutragen?

+0

Wie Sie es erwarten? Willst du den nächsten Tag 1 Uhr sehen? Ich denke, du solltest mit einem großen Tooltip gehen, der die Eventdetails zeigt –

+0

Hallo Jeff, hast du irgendeine Lösung? – Komal

+0

@ Kim: Ich habe nur die 'Top' CSS-Eigenschaft von EOD-Ereignissen reduziert. Es wird also in der Ansicht angezeigt. –

Antwort

-1
$(document).on('pageshow','#index',function(e,data){  
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
     editable: true, 
     defaultView: 'agendaDay', 
     events: [ 
      { 
       title: 'Meeting', 
       start: new Date(y, m, d, 23, 59), 
       end: new Date(y, m, d+1, 14, 00), 
       allDay: false 
      } 
     ] 
    }); 
}); 

Sie haben vergessen endDate

+0

Ich brauche es nicht bis 14 Uhr zu zeigen. Sie müssen Ereignisdetails auch in der heutigen Liste anzeigen. Bedeutet, die letzte Zeile muss Ereignisdetails benötigen –

+0

nein es werden keine Details angezeigt, weil es nicht mehr Platz zum Anzeigen –

+0

Gibt es eine Lösung? –

0

Verwenden Sie dieses Format für Start- und Enddatum hinzuzufügen.

start: '2016-05-19T12:59:00', //start time 
    end: '2016-05-20T10:00:00', //End time 

Und es wird das Ereignis in beiden Tagen angezeigt.

defaultView: 'agendaWeek', 

enter image description here

defaultView: 'agendaDay', 

enter image description here

enter image description here

+0

Bitte überprüfen Sie die Frage noch einmal –