通过 JSON 的背景事件

Question

如何将事件指示为JSON提要（我通过AJAX创建的）中的后台事件。 它呈现为常规事件，而不是后台事件。

JSON 源：

[{"id":"availableForMeeting","start":"2015-02-04T09:00:00","end":"2015-02-04T20:00:00","rendering":"background","overlap":true},{"title":"Working","start":"2015-02-04T10:00:00","end":"2015-02-04T12:00:00","allDay":false,"overlap":true},{"title":"Lunch","start":"2015-02-04T12:00:00","end":"2015-02-04T14:00:00","allDay":false},{"title":"Working","start":"2015-02-04T14:00:00","end":"2015-02-04T19:00:00","allDay":false}]

Answer 1

您可以在

FullCalendar 2.2+ 中使用后台事件执行此操作，方法是向事件添加rendering: 'background'（文档）。在下面的示例中，JSON 源也是如此。

既然你说你确实在使用rendering: 'background'，我会检查一下

1） 您使用的是正确版本的全日历

2）页面上没有错误

3）如果不是1或2，请发布显示您的问题的代码片段，因为下面的代码片段工作正常：

另请注意，根据文档：

定时后台事件将仅在时间呈现 议程视图中的插槽。全天的背景事件只会是 以月视图或议程视图的全天时段呈现。

$('#fullCal').fullCalendar({
      events: [{
        title: 'Main Event',
        start:  moment().add(3, 'h'),
        end: moment().add(5, 'h'),
        color:'#ff0000',
        allDay: false
      }, {
        start:  moment().add(1, 'h'),
        end: moment().add(10, 'h'),
        rendering: 'background'
      }, {
        title: 'Other Event',
        start:  moment().add(6, 'h'),
        end: moment().add(8, 'h'),
        color:'#00cc00',
        allDay: false
      }],
      header: {
        left: '',
        center: 'prev title next',
        right: ''
      },
      timezone:'local',
      defaultView: 'agendaWeek'
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.0/fullcalendar.min.js"></script>
<div id="fullCal"></div>