基本初始化故障排除

时间:2019-03-09 05:47:18

标签: javascript jquery html fullcalendar

我对FullCalendar完全陌生,并且尝试使用现有的Google日历进行初始化。我还没有做任何定制。使用下面的代码(为了保护隐私和安全,API和GCal ID进行了更改),我可以显示一个空的日历,但是Google日历中没有任何事件。 Google日历设置为公开。我在做什么错了?

<!doctype html>
<head>
<meta charset="UTF-8">
<title>Veda's Calendar</title>
    <link rel='stylesheet' href='CSS/fullcalendar.css' />
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src='JS/moment.js'></script>
    <script src='JS/gcal.js'></script>
    <script src='JS/fullcalendar.js'></script>

    <script type="text/javascript">
        $(function() {
            $('#calendar').fullCalendar({
                googleCalendarApiKey: 'AIwwSwCxxNGJyyyVYzzC7-zz70BEzzEzKzSzDM8',
                events: {
                    googleCalendarId: 'fakename@gmail.com'
                }
              });
        });    
    </script>
</head>

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

1 个答案:

答案 0 :(得分:0)

除了脚本顺序,一切都很好

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src='JS/moment.js'></script>
<script src='JS/fullcalendar.js'></script>
<script src='JS/gcal.js'></script>

gcal.js应该在fullcalendar.js之后