Question

我创建了一个jquery fullcalendar，从Google日历中提取Feed，并希望在彩色框中打开事件详细信息。到目前为止，我完全迷失了如何实现这一目标并寻求帮助。到目前为止我尝试的所有内容都会导致日历根本不显示，因此显然存在问题。这是我尝试过的最新代码：

<script>
        $(document).ready(function() {
            $('#calendar').fullCalendar({
                events: {
                url: 'my feed url'
                }
                eventAfterRender: function(event, element, view ) { 
                    if(event.url) {
                        $('a',$(element)).colorbox({
                            type: 'ajax'
                        });
                    }                    
                }
            })

        });
</script>

我认为我完全不了解fullcalendar的活动信息是怎么回事;所以，如果有人能提供我可以搞砸的工作代码，我将不胜感激。非常感谢您的任何帮助！

Answer 1

在初始化fullcalendar对象并在其中调用colorbox时，只需添加eventClick属性，

$('#calendar').fullCalendar({
  editable: true,
  eventClick: function(calEvent, jsEvent, view) {
    $.colorbox({html:"<h1>"+calEvent.title+"</h1><br><p>"+calEvent.start+" TO "+calEvent.end+"</p>"});
  },
  events: [
            {
          title: 'All Day Event',
          start: new Date(y, m, 1)
        },
        {
          title: 'Long Event',
          start: new Date(y, m, d-5),
          end: new Date(y, m, d-2)
            }
          ]
});

这是一个非常基本的例子。您可以根据自己的要求进行扩展。希望它有所帮助。

FullCalendar：如何在Colorbox中打开事件详细信息？

1 个答案: