2016-05-20 12 views
0

JQuery Fullcalendar(v2.6.1)を使用しています。'agendaDay'ビューの最後の行EODイベントが表示されないFullcalendar

今日は23:50から始まったイベントを作成し、午前2時に終了します。明日。しかし、このイベントのタイトルは今日のリストには表示されません。 コンテンツの高さが正確なコンテンツで調整されていません。

$(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

私は完全に下の画像の著しいイベントを示したいと思います。 enter image description here

今日のリスト自体を壊すことなくイベントの詳細を表示できますか?

+0

?あなたは翌日1AMを見たいですか?私はあなたがイベントの詳細を示す大きなツールチップを持って行くべきだと思います –

+0

こんにちはjeff、どんな解決策もありますか? – Komal

+0

@kim:EODイベントの「トップ」CSSプロパティを減らしました。それで、それはビューの内側に表示されます。 –

答えて

-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 
      } 
     ] 
    }); 
}); 

あなたはendDateに

+0

午後2時までは表示する必要はありません。 イベントの詳細を今日のリストにも表示する必要があります。手段、最後の行にはイベントの詳細が必要です –

+0

いいえ、表示するスペースがもうないので詳細は表示されません –

+0

解決策はありますか? –

0

開始日と終了日のために、このフォーマットを使用を追加するのを忘れています。

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

そして、両方の日にイベントが表示されます。あなたがそれを見ることを期待するにはどうすればよい

defaultView: 'agendaWeek', 

enter image description here

defaultView: 'agendaDay', 

enter image description here

enter image description here

+0

もう一度質問をしてください –

関連する問題