FullCalendar 与 Google 日历同步 - 权限

Question

我到处都看过

我正在尝试使用 this webpage 将完整日历与 google 日历集成。第一步，它要求您获得 Google API 密钥。我得到了我的 API 密钥，在完成所有步骤后，我什么也没收到。在我回到 API 控制台后，它显示：

因此，我继续创建凭据。在创建页面上，显示为：

我使用了用户数据选项，但没有用。我该怎么办？

这是我的代码：

<!DOCTYPE html>
<html>
<link rel='stylesheet' href='fullcalendar/fullcalendar.css'/>
<script src='fullcalendar/lib/jquery-ui.min.js'></script>
<script src='fullcalendar/lib/moment.min.js'></script>
<script src='/fullcalendar/fullcalendar.js'></script>
<script type='fullcalendar/gcal.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
    $('#calendar').fullCalendar({
        googleCalendarApiKey: '<API-KEY>',
        events: {
            googleCalendarId: '<CALENDAR-ID>'
        }
    });
});

</script>
</html>

我确定我的日历是 public 并且未选中“仅共享我的 free/busy 信息”。 LMK 如果您需要任何其他附加信息。

[更新] 我在凭据页面上单击了“如果您希望可以跳过此步骤并创建一个”API 密钥，但它不起作用。

Answer 1

更正 .js 路径 <script src='/fullcalendar/fullcalendar.js'></script>

去掉斜线(/)

应该是<script src='fullcalendar/fullcalendar.js'></script>

Answer 2

我忘记将 <div id='calendar'></div> 添加到我的 html 文件的正文中。我觉得自己非常愚蠢。

对于任何正在寻找示例代码的人，这里是：

<html>
    <head>
        <link rel='stylesheet' href='fullcalendar/fullcalendar.css'/>
        <script src='fullcalendar/lib/jquery.min.js'"></script>
        <script src='fullcalendar/lib/moment.min.js'></script>
        <script src='fullcalendar/fullcalendar.js'></script>
        <script type='text/javascript' src='fullcalendar/gcal.js'></script>
        <script type='text/javascript'>

            $(document).ready(function() {
                $('#calendar').fullCalendar({
                    googleCalendarApiKey: '<API-KEY>',
                    events: {
                        googleCalendarId: '<CALENDAR-ID>'
                    }
                });
            });

        </script>
    </head>

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

按照问题中提到的所有其他步骤进行操作，您就可以开始了！

还记得link你的文件路径正确，就像@Lahiru 说的那样。

抱歉造成混淆，

乌吉瓦尔

FullCalendar 与 Google 日历同步 - 权限

FullCalendar sync with Google Calendar - Permissions

jquery

google-calendar-api

fullcalendar