完整日历不显示任何谷歌日历事件

在发布这个问题之前，我已经研究了一整天，但没有运气。因此，我现在正在寻求一些帮助！

我无法使用完整日历在我的网站上显示任何 Google 日历事件。我的事件不仅没有显示，我甚至无法像在 FullCalendar 上的演示中那样显示美国假期日历。

我希望我错过了一些非常小的东西，有人能够很快抓住它。日历本身会正确显示，但不显示任何事件。

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>tegIdeas - Course Schedule</title>
  <meta name="description" content="">
  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/prettyPhoto.css" rel="stylesheet">
  <link href="css/animate.css" rel="stylesheet">
  <link href="css/fullcalendar.css" rel="stylesheet">
  <link href="css/main.css" rel="stylesheet">
  <link href="css/responsive.css" rel="stylesheet">
  <link href="css/shame.css" rel="stylesheet">
  <script src="js/jquery.min.js"></script> 
  <script src="js/bootstrap.min.js"></script> 
  <script src="js/jquery.isotope.min.js"></script> 
  <script src="js/moment.min.js"></script>
  <script src="js/main.js"></script>
  <script src="js/fullcalendar.min.js"></script>
  <script src="js/gcal.js"></script>
  <script type='text/javascript'>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            header: {
              left: 'prev,next today',
              center: 'title',
              right: 'month,agendaWeek,agendaDay'
              },
            eventSources: {
              googleCalendarApiKey: 'myApiKey',
              googleCalendarId: 'myCalendarId',
              className: 'fc-event-email'
              },
            selectable: true,
            selectHelper: true,
            editable: false,  
        });
    });
  </script>
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

这可能是

一个虚拟问题 - 您是否使用正确的apiKey和calendarId而不是'myApiKey'和'myCalendarId'？

此外，如果 'myApiKey' 和 'myCalendarId' 是您之前在代码中设置的变量，则不应通过 ' 扭曲它们。

eventSources: {
    googleCalendarApiKey: myApiKey,
    googleCalendarId: myCalendarId
}

您可以按如下方式重写日历函数：

事件源
请注意editable: false末尾不需要的逗号

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    googleCalendarApiKey: 'API_Key',
    events: {
        googleCalendarId: 'Calendar_Id'
    },
    selectable: true,
    selectHelper: true,
    editable: false  
});

这对我有用。

相关内容

最新更新

热门标签：