将额外的字段添加到fullcalendar

问题描述:

我需要为我的日历创建更多的字段(fullcalendar连接到MySQL与PHP)。我一直在阅读eventRender,但我不完全确定语法和我应该放在哪里。将额外的字段添加到fullcalendar

目前我有以下;

$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添加我的自定义字段。所以现在不只是正文和描述正在通过。

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

+0

你肯定是在JSON对象获得calEvent.distributor回从服务器?请发布“json-events.php”,以便我们可以追踪问题 – MrBliz 2010-08-31 07:53:09

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

,看看Event Object

这是我如何使用eventRender一些类别添加到每个事件。然后,我可以过滤基于类别名称这里

eventRender: function(event, element) { 
     element.attr("categories",event.categoryname) 
    } 

根本真棒日历

+0

非常感谢!它帮助了我。 – tusar 2012-11-08 10:24:47

+0

我想使用上面的代码,但我无法让它工作。当事件呈现时,我只能看到标题,开始,结束......没有别的。我试图建立一个基于本教程的日历http: //blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/...it很难发布代码在这个评论部分。任何帮助,将不胜感激。 – 2014-03-27 15:36:25

+0

在chrome开发工具控制台中... categoryname显示为未定义 – 2014-03-27 16:02:04

某些属性的事件:

{ 
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) 
},