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>

我确实确保我的日历是公开的，并且＆＃34;仅分享我的空闲/忙碌信息＆＃34;未经检查。 LMK如果您需要任何其他信息。

[UPDATE] 我点击了＆＃34;如果你希望你可以跳过这一步并创建一个＆＃34;凭据页面上的API密钥，但它不起作用。

Answer 1

我忘记添加<div id='calendar'></div＆gt;到我的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>

按照问题中提到的所有其他步骤，你应该好好去！

还要记住要正确链接文件路径，比如@Lahiru说。

很抱歉这个混乱，

Ujjwal

Answer 2

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

删除SLASH（/）

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

FullCalendar与Google日历同步 - 权限

2 个答案: