将额外字段添加到fullcalendar

Ari*_*ial 10 fullcalendar

我需要为我的日历创建更多字段(使用php连接到mysql的fullcalendar).我一直在阅读eventRender,但我不完全确定语法和我应该把它放在哪里.

目前我有以下几点;

$calendar.fullCalendar({
  timeslotsPerHour : 4,
  defaultView:'agendaWeek',
  allowCalEventOverlap : true,
  overlapEventsSeparate: true,
  firstDayOfWeek : 1,
  businessHours :{start: 8, end: 18, limitDisplay: true },
  daysToShow : 7,
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        editable: true,
        events: "json-events.php",
  eventRender : function(calEvent, $event) {
       calEvent.distributor  //this is my new field

  },
Run Code Online (Sandbox Code Playgroud)

但我没有工作,我找不到任何工作的例子来比较它.谢谢


感谢您的反馈,我已经能够使用eventRender添加我的自定义字段.所以现在不仅仅是身体和描述被传递.

我现在的主要问题是将日期值传递给数据库,因为这些没有被保存.有没有人知道使用它的任何例子.我真的很感激它.

小智 9

In version 4 of fullcalendar, to get non-standard field is changed a little bit. Now it accepts just one parameter as Event Object:

 events: [
{
  title: 'My Event',
  start: '2010-01-01',
  description: 'This is a cool event'
}
// more events here
],
eventRender: function(info) {
  console.log(info.event.extendedProps.description);
}
Run Code Online (Sandbox Code Playgroud)

Note: You can access an additional field in this way: info.event.extendedProps.description

Check documentation


Aky*_*ane 8

您可以在每个事件对象中包含您自己的非标准字段.FullCalendar不会修改或删除这些字段.这个例子可以帮助你eventRender

并查看事件对象


Mat*_*Kay 7

以下是我使用eventRender为每个事件添加一些类别的方法.然后我可以根据类别名称过滤事件

eventRender: function(event, element) {
        element.attr("categories",event.categoryname)
    }
Run Code Online (Sandbox Code Playgroud)

简直太棒了