时间戳

首页 > 解决方案 > 将事件位置添加到 FullCalendarIO 的能力

fullcalendar - 将事件位置添加到 FullCalendarIO 的能力

问题描述

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

标签： fullcalendar

解决方案

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

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

您可以在此处找到 eventRender 的文档。

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

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

推荐阅读