與Google日曆進行FullCalendar同步 - 權限

我正在嘗試使用this webpage與谷歌日曆整合完整日曆。第一步，它會要求您獲取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>

我也確保我的日曆是公開和「只共享我的空閒/忙碌信息」沒有被選中。 LMK如果您需要任何其他信息。

[更新] 我點擊了「如果你希望你可以跳過這一步並在證書頁面上創建一個」API密鑰，但它不起作用。

來源

2016-10-17 Ujjwal-Nadhani

我忘了補充<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>

遵循所有的問題中提及的其他步驟，你應該是好去！

還記得要正確鏈接你的文件路徑，就像@Lahiru說的那樣。

很抱歉的混亂，

Ujjwal

來源

2016-10-19 16:10:01

糾正.js文件路徑<script src='/fullcalendar/fullcalendar.js'></script>

刪除斜槓（/）

應該像<script src='fullcalendar/fullcalendar.js'></script>

來源

2016-10-19 05:28:26

@Lahiru您好，我更新了我的代碼與正確的文件路徑，我張貼了這個問題之後。沒有錯誤引發錯誤的文件路徑。所有的功能似乎也在工作。然而，我每次都會得到一個空白頁面和控制檯！ –

與Google日曆進行FullCalendar同步 - 權限

回答

相關問題