Google Calendar Sync с полным календарем IO

Question

Я разработал запись события с jquery и php в full-calendar io. Теперь я хочу добавить синхронизацию календаря Google с этим. Как я могу это сделать? Я прочитал документацию. В параметре events я должен добавить события:

{ googleCalendarId: 'abcd1234@group.calendar.google.com' }

но я уже добавил параметр php file (load.php). Как я могу использовать их обоих вместе?

$(document).ready(function() {
var calendar = $('#calendar').fullCalendar({
editable:true,
header:{
 left:'prev,next today',
 center:'title',
 right:'month,agendaWeek,agendaDay'
},
events: 'load.php',
selectable:true,
selectHelper:true,
select: function(start, end, allDay)
{
var start = $.fullCalendar.formatDate(start, "Y-MM-DD");
var end = $.fullCalendar.formatDate(end, "Y-MM-DD");

 $("#form1").toggle();

//alert(title);
     $("#submit").click(function() {

var title = prompt("Enter Event Title");
     if(title)
 {

  var tname="Rayhan";
  var course=document.getElementById("course").value;
  console.log(course);
  var email="showrov@test.com";
  var descrip=document.getElementById("descrip").value;
  $.ajax({
   url:"insert.php",
   type:"POST",
   data:{title:title, start:start, end:end, tname:tname, course:course, 
   email:email, descrip:descrip},
   success:function()
   {
    calendar.fullCalendar('refetchEvents');
    alert("Added Successfully");
   }
  });
 }//
 })


},

Answer 1

Вы можете сделать это, используя функцию источников событий. Это позволяет вам определить более одного источника данных для событий календаря.

Просто замените

events: 'load.php'

с

eventSources: [
  'load.php',
  { googleCalendarId: 'abcd1234@group.calendar.google.com' }
]

Теперь ваш календарь будет загружать события из обоих мест. Здесь задокументировано: https://fullcalendar.io/docs/eventSources.

Вы также должны убедиться, что вы выполняете другие шаги по настройке, описанные в https://fullcalendar.io/docs/google-calendar, чтобы ваш канал Календаря Google работал.