向fullcalendar添加额外字段

向fullcalendar添加额外字段,fullcalendar,Fullcalendar,我需要为我的日历创建更多字段(fullcalendar通过php连接到mysql)。我一直在阅读eventRender,但我不完全确定它的语法以及应该放在哪里 目前我有以下几点: $calendar.fullCalendar({ timeslotsPerHour : 4, defaultView:'agendaWeek', allowCalEventOverlap : true, overlapEventsSeparate: true, firstDayOfWeek : 1,

我需要为我的日历创建更多字段(fullcalendar通过php连接到mysql)。我一直在阅读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

  },
但我认为它不起作用,我找不到任何有效的例子来比较它。 谢谢


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


我现在的主要问题是将日期值传递到数据库,因为这些值没有被保存。有没有人知道在哪里使用过这种方法。我非常感谢。

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


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

eventRender: function(event, element) {
        element.attr("categories",event.categoryname)
    }
只需使用超赞日历

这里有一些属性:

{
title: 'Birthday Party',
start: new Date(y, m, d + 1, 19, 0),
end: new Date(y, m, d + 1, 22, 30),
allDay: false,
backgroundColor: "#00a65a", //Success (green)
borderColor: "#00a65a" //Success (green)
},

在fullcalendar的第4版中,要获取非标准字段,需要做一些更改。现在它只接受一个参数作为事件对象:

 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);
}
注意:您可以通过以下方式访问其他字段:info.event.extendedProps.description


您确定要从JSON对象中的服务器返回calEvent.distributor吗?请发布“json events.php”,这样我们就可以追踪问题了。我正在尝试使用上述代码,但无法使其正常工作。当事件呈现时,我只能看到标题,开始,结束…没有其他内容。我正在尝试根据本教程构建日历,但很难在此评论部分发布代码。如果您有任何帮助,我们将不胜感激。在chrome开发工具控制台中…categoryname显示为未定义。在时间段中将“打印”额外字段,如标题和开始/结束日期?嗨,Dimitris-我查看了我的代码,确保传递到日历的事件具有所需的字段,然后可以在eventrender函数中访问这些字段。因此categoryname是我的字段名,它不是日历的一部分。这也会起作用:
extendedProps:{'description':'this is cool event'}
并且用法是
info.event.extendedProps['description']