完整日历 - 在日历上显示完整的事件标题

Question

我正在使用完整日历来显示事件，事件标题在日历上串联并且只显示在一行上，如何显示完整的事件标题？

这是我的预订.js.咖啡文件，它呈现日历

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

我创建了一个 plnkr，您可以在其中重现它