0

我关注了关于 Adam Shaw 的完整日历的教程，但我无法从谷歌日历中检索事件。这是我的代码：

 <!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

你能告诉我有什么问题吗？

4

1 回答 1

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 中

于 2012-08-13T14:04:29.500 回答