如何使用Google日历在完整日历中显示活动?

时间:2015-01-14 09:33:19

标签: jquery fullcalendar google-calendar-api

如何显示已输入我的Google日历的全天活动以通过完整日历显示?我已经在我的网页上显示了日历,但它没有显示任何内容。我的客户希望能够在Google日历上输入全天预订,并且会在完整日历中自动更新。

这是我需要实现的某种类型的PHP吗?

这是我的代码: -

<link rel='stylesheet' href='fullcalendar-2.2.5/fullcalendar.css' />
<script src='fullcalendar-2.2.5/lib/jquery.min.js'></script>   
<script src='fullcalendar-2.2.5/lib/moment.min.js'></script>
<script src='fullcalendar-2.2.5/fullcalendar.js'></script>
<script src='fullcalendar-2.2.5/fullcalendar.min.js'></script>

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

<script type='text/javascript'>

$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
enter: 'title',
right: 'month,agendaWeek, agendaDay'},
defaultDate: '2015-1-1',
editable: false,
googleCalendarApiKey: 'AIzaSyDU6qxbGV0VpsX44iaQFSfDT3ozrr2WlRA',
events: 
{
googleCalendarId: 'bktfu2utt8bmf9g39kjn8bpvpc@group.calendar.google.com',
className: 'gcal-event',
allDay: true,

}

});
});

0 个答案:

没有答案