Question

我是编程新手，所以请原谅不合适的术语，但我能够在我的网站上添加一个基本的FullCalendar，并希望根据我的一个公开Google日历填充日历。我按照FullCalendar网站上的步骤设置了Google日历，但我仍然只看到一个空白日历，即使公共Google日历上有活动。我在设置时不确定的唯一步骤是设置Google API的Authorized JavaScript Origins部分。我正在使用GitHub页面站点，它不接受我的站点的完整路径名，所以我只将主要中心部分（https://username.github.io）放在此Authorized JavaScript Origins字段中。这是不正确的？如果我在具有以下类型网址的网站上使用FullCalendar，则需要在此路径中进行哪些操作：https://stephmorgan.github.io/repository/？

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

    <script type="text/javascript">
      $(document).ready(function() {
      $("#calendar").fullCalendar({
        googleCalendarApiKey: "<API-KEY>",
        events: {
            googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"
            className: "gcal-event" 
            }
        });
    });
    </script>
</head>

<body>
<div id="calendar"></div>
</body>

Answer 1

有几个问题：

1）write应为googleCalendarId: "Calendar ID: b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"，根据https://fullcalendar.io/docs/google_calendar的示例。它认为＆＃34;日历ID：＆＃34;是ID的一部分，显然它不是，谷歌也不会认识它。

2）API密钥存在同样的问题 - 从字符串的末尾删除googleCalendarId: "b3eki2m39g1lcfcq3nnl1vb9lo@group.calendar.google.com"和<。

3）听起来你选择了错误的凭证--API密钥配置不包含来自JavaScript来源等的部分。您必须选择创建API密钥（有时称为浏览器密钥），并且不是 Oauth客户端ID或服务帐户。

无法通过Google日历填充FullCalendar

1 个答案: