Question

我使用FullCalendar的json events属性来调用一个返回JSON字符串的php脚本。该字符串具有必需的属性以及一些额外的内容，如“描述”。该文档说您可以添加属性，但没有关于如何执行此操作的信息。

我查看是否通过查看eventRender回调中的'event.description'（例如）自动添加它。这是'未定义'。

如果有人对此有任何经验，我会很感激如何做到这一点。

大卫

Answer 1

创建新的FullCalendar事件时，您可以在事件中包含任何其他属性。 FullCalendar将忽略任何额外的属性，因此您必须编写一些脚本来添加和显示它们。

例如，添加事件位置或说明将按如下方式进行：

var event = {
 id          : '123',
 title       : 'New Event',
 url         : 'http://thearena.com/',
 start       : "Sun, 18 Jul 2010 13:00:00 EST",
 end         : "Sun, 18 Jul 2010 17:00:00 EST",
 allDay      : false,

 location    : 'The Arena',
 description : 'Big Event',

 editable    : true
};
$('.fc').fullCalendar( 'renderEvent', event, true ) // Add Event to fullCalendar

// Add script here to post the event back to your server

然后确保在初始化日历脚本时，您可以通过某种方式显示此额外事件信息。以下是事件点击功能显示警报窗口（或面板灯箱 - 注释掉）中的数据的示例。如果存在URL，它也会在新的选项卡/窗口中打开它。

$('.fc').fullCalendar({
 eventClick: function(calEvent, jsEvent, view) {
  var event = 'Event: ' + calEvent.title + '<br>' +
   'Location: ' + calEvent.location + '<br>' + 
   'Start time: ' + calEvent.start + '<br>' +
   'End time: ' + calEvent.end + '<br>' +
   'Description: ' + calEvent.description;

  alert(event);
  // jQuery.facebox(event); // this would open the HTML in a facebox popup window

  if (calEvent.url) {
    window.open(calEvent.url);
    return false;
  }
});

在FullCalendar中向eventObject添加属性

1 个答案: