全日曆顯示事件標題在celendar每個單元格的開始和結束日期範圍內

Question

我正在使用完整日曆v3.0.1，我需要在日曆表中的每一天單元格中顯示事件標題。

實施例：

開始： 2017年1月1日 端： 2017年1月10日

基於這些日期，在日曆預期輸出應中顯示事件標題在開始和結束日期範圍內。 meet5標題應該顯示在事件範圍內的每一天細胞。

電流輸出：

必需預計輸出

任何建議，我們如何才能做到這一點？

Answer 1

也許你可以嘗試這樣的事：

$('#calendar').fullCalendar({ 

     defaultView: 'month', 
     events: [{ 
     title: 'Some quite long event description in a day cell', 
     start: '2017-01-05', 
     end: '2017-01-09', 
     rendering: 'background', 
     allDay: true 
     }], 
     eventAfterAllRender: function(view) { 
     $.each($('#calendar').fullCalendar('clientEvents'), function() { 
      var event = this; 
      var $start = $('#calendar').find('td.fc-day[data-date="' + event.start.format('YYYY-MM-DD') + '"]'); 
      var $end = $('#calendar').find('td.fc-day[data-date="' + event.end.format('YYYY-MM-DD') + '"]'); 

      if (event.rendering === 'background') { 
      for (var d = event.start; d <= event.end; d.add(1, 'day')) { 
       $('#calendar').find('td.fc-day[data-date="' + d.format('YYYY-MM-DD') + '"]').append('<a href="test.html">' + event.title + '</a>'); 
      } 
      } 
     }); 
     } 
    }); 

檢查這個fiddle。

我注意到你想有一個事件標題低於天數。上面的解決方案有點不同，但它應該給你一個想法，我希望如何做到這一點。

問候
剋日什托夫·