Question

这次我保留了原始文件和文件夹结构，只需更改“default.html”中的代码即可显示Google日历中的事件。但是，只要我添加该脚本，它就不会显示日历或事件。

我真的迷路了。

<!DOCTYPE html>
    <html>
    <head>
    <meta charset='utf-8' />
    <link href='../fullcalendar.min.css' rel='stylesheet' />
    <link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' />
    <script src='../lib/moment.min.js'></script>
    <script src='../lib/jquery.min.js'></script>
    <script src='../fullcalendar.min.js'></script>
    <script>
    $(document).ready(function() {
            $('#calendar').fullCalendar({
                googleCalendarApiKey: 'MY KEY',
                events: {
                    googleCalendarId: 'https://calendar.google.com/calendar/ical/ID%group.calendar.google.com/public/basic.ics'
                }

            });
        });


    </script>
    <style>

        body {
            margin: 40px 10px;
            padding: 0;
            font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
            font-size: 14px;
        }

        #calendar {
            max-width: 900px;
            margin: 0 auto;
        }

    </style>
    </head>
    <body>

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

    </body>
    </html>

Answer 1

您错过了所需的gcal.js脚本。

您需要包含以下引用（在fullCalendar.js之后）：

<script type='text/javascript' src='fullcalendar/gcal.js'></script>

此文件包含在fullCalendar分发中。

请在此处查看有关使用Google设置fullCalendar的完整说明 - https://fullcalendar.io/docs/google_calendar/ - 确保您已在Google方面正确设置日历上的所有权限。

Answer 2

您可能收到脚本错误。按铬中的f12然后重试。您可能会看到有关该问题的更多信息。

无法将fullCalendar与Google日历同步。我到处寻找，找不到什么问题

2 个答案: