Question

要知道是否有可能在fullcalendar.io中向事件添加位置。演示中没有会议地点或文档中没有任何内容？

Answer 1

Event Object的文档中提到您可以在事件对象中包括自己的字段。 FullCalendar不会修改或删除它们，但也不会渲染它们。

因此，您可以将位置添加到事件中，但是必须找到自己的呈现方式。

您可以找到eventRender here的文档。

这是显示事件位置的示例：

$(function() {

  $('#calendar').fullCalendar({
    defaultView: 'month',
    defaultDate: '2018-10-07',
    header: {
      left: 'prev,next',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    events: [{
      title: 'Meeting',
      start: '2018-10-12T14:30:00',
      location: 'Conference Room'
    }],
    eventRender: function(event, element) {
      element.text(element.text() + ' ' + event.location)

    }
  });

});

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
}

#calendar {
  max-width: 900px;
  margin: 40px auto;
}

<link href="https://fullcalendar.io/releases/fullcalendar/3.9.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://fullcalendar.io/releases/fullcalendar/3.9.0/lib/jquery.min.js"></script>
<script src="https://fullcalendar.io/releases/fullcalendar/3.9.0/lib/moment.min.js"></script>
<script src="https://fullcalendar.io/releases/fullcalendar/3.9.0/fullcalendar.min.js"></script>

<div id='calendar'></div>

将事件位置添加到FullCalendarIO的功能

1 个答案: