谷歌日历同步与完整日历io

Posted 2021-04-07

我在jquery开发了php和full-calendar io的活动录入。现在我想添加谷歌日历同步。我怎样才能做到这一点？我已阅读文档。在events参数中，我必须添加事件：

{ googleCalendarId: '[e-mail]' }

但我已经添加了一个php文件（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="[e-mail]";
  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");
   }
  });
 }//
 })


},

答案

您可以使用“事件源”功能进行操作。这允许您为日历事件定义多个数据源。

只需更换

events: 'load.php'

同

eventSources: [
  'load.php',
  { googleCalendarId: '[e-mail]' }
]

现在，您的日历将从两个位置加载事件。它在此记录：https://fullcalendar.io/docs/eventSources。

您还必须确保执行https://fullcalendar.io/docs/google-calendar中记录的其他设置步骤，以使您的Google日历Feed正常运行。