Question

listMonth in fullcalendar i need to display additional information here

我想在listMonth的{{1}}中显示除开始，结束，时间，颜色和标题（参见图片）以外的其他信息。我也想在列表中显示教师和描述。我在UI以及数据库中添加了教师和描述。我希望它们显示在列表中（参见图片）。

fullCalendar

Answer 1

希望，这将为您提供帮助，因为您仅使用标题将三个信息合并为一个标题，如下所示，即，当您使用PHP作为服务器语言将（标题，教师，描述）合并到一个数组中并爆破（“- “，$ array）

var events = []

$(function() {
  
  var $calendar = $('#calendar')
  $calendar.fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay,listMonth'
    },
    defaultDate: '2010-01-01',
    defaultView: 'agendaDay',
    editable: true,

    events: function( start, end, timezone, callback ) {
      callback(events)
    }
    
  })

  // 30 ms delay
  setTimeout( function() {    
    events.push.apply(events, [
      {
        title: 'All Day Event',
        start: '2010-01-01'
      },
      {
        title: 'Event 1 - FactulyName - Description',
        start: '2009-02-07',
        end: '2010-01-10'
      }
    ] )
    $calendar.fullCalendar('refetchEvents')
  }, 30)


})

<html>
<head>
<link href="https://fullcalendar.io/js/fullcalendar-3.8.2/fullcalendar.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://fullcalendar.io/js/fullcalendar-3.8.2/fullcalendar.js"></script>
</head>
<body>
 <div id="calendar"></div>
</body>
</html>

我正在使用Fullcalendar.io库，但无法在listMonth中显示其他信息

1 个答案: