Question

我关注了关于Adam Shaw的fullCalendar的tuto，我无法从谷歌日历中检索事件。这是我的代码：

 <!DOCTYPE html>
    <html>
    <head>
    <link href="<?php echo css_url().'fullcalendar.css'; ?>" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<?php echo js_url().'jquery.js'; ?>"></script>
    <script type="text/javascript" src="<?php echo js_url().'fullcalendar.js'; ?>"></script>
    <script type='text/javascript' src='fullcalendar/gcal.js'></script>


    <script type='text/javascript'>

    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

    });


    $(document).ready(function() {

      $('#calendar').fullCalendar({
          events: $.fullCalendar.gcalFeed(
             "http://www.google.com/calendar/feeds/username%40gmail.com/public/basic") 

    });

    });

    </script>

</head>
<div id='calendar'></div>
</html

你能告诉我什么是错的吗？

Answer 1

您应该只实例化一次FullCalendar。用这个替换你的脚本标签，它应该工作：

<script type='text/javascript'>
    $(document).ready(function() {
      $('#calendar').fullCalendar({
          events: $.fullCalendar.gcalFeed(
             "http://www.google.com/calendar/feeds/username%40gmail.com/public/basic") 
      });
    });
</script>

如果有帮助，请告诉我。

编辑：小提琴 - http://jsfiddle.net/100thGear/JeDFG/。另外，请确保gcal.js位于正确的路径中并包含在HTML

中

无法使用fullcalendar从Google日历中检索事件

1 个答案: