FullCalendar - 在日曆上顯示完整事件標題

Question

我正在使用fullcalendar顯示事件，事件標題在日曆上連接並只顯示在一行上，如何顯示完整事件標題？

這是我的bookings.js.coffee文件這使得日曆

$(document).on 'ready page:load', -> 
    $('#calendar').fullCalendar 
    editable: false, 
    header: 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    defaultView: 'month', 
    height: 500, 
    slotMinutes: 30, 

    eventSources: [{ 
     url: '/bookings', 
    }], 

    timeFormat: 'h:mm t{ - h:mm t} ' 

Answer 1

您可以調整標題顯示添加CSS行：

.fc-month-view span.fc-title{ 
     white-space: normal; 
    } 

我創建a plnkr where you can reproduce it