Javascript 与fullcalendar和google calendar相同的域

我试图在一个使用fullcalendar框架开发的网页中显示我的google日历中的一些数据

但是我有一个问题叫做同一个域的起源。。。我不知道怎么解决它。在文档中，fullcalendar表示：

<script type='text/javascript'>

$(document).ready(function() {
$('#calendar').fullCalendar({
    events: 'http://www.google.com/your_feed_url/'
});
});

</script>

这是json文件的一部分，不完整

正如一位用户所说，我尝试直接放置两个事件：

$(document).on('pageshow','#agenda',function(){    

       $('#calendar').fullCalendar({
         events: [{
                  title: 'Event 1', start: '2013-08-26T19:10:00Z', 
                  end: '2013-08-28T19:20:00Z'
                  },{
                  title: 'Event 2', start: '2013-08-27T16:25:00Z',
                  end: '2013-08-27T18:45:00Z'
                }]
      });
    });

但我有一个错误说：

Uncaught TypeError: Cannot read property 'formatDate' of undefined gcal.js:11
(anonymous function) gcal.js:11
(anonymous function) gcal.js:107

---

您确定从

http://www.google.com/your_feed_url/

在php中？事件开始日期和结束日期必须采用ISO 8601格式，类似于以下内容

2013-07-09T19:10:00-04:00

。您可以使用fullcalendar

$.fullcalendar.formatDate（from，format）以转换日期和时间

您还可以使用谷歌获取事件

事件必须如下所示：

events: [{
    title: 'Event 1', start: '2013-07-09T19:10:00-04:00', 
    end: '2013-07-09T19:20:00-04:00', allDay: false
    },{
    title: 'Event 2', start: '2013-08-22T16:25:00-04:00',
        end: '2013-08-22T18:45:00-04:00', allDay: true
}]

var url = 'http://google.com/calendar/feeds/test@group.calendar.google.com/public/full?alt=json';
$.ajax({
    url: url,
    dataType: 'jsonp',
    success: function(response){
        var googleEvents = new Array();
        for(var i = 0; i < response.feed.entry.length; i ++){
            googleEvents[i] = {
                title : response.feed.entry[i].title.$t,
                start: response.feed.entry[i].gd$when[0].startTime,
                end: response.feed.entry[i].gd$when[0].endTime
            };
        }
        //init events
        calendar = $('#calendar-container').fullCalendar({
            events: googleEvents
        });
    }
});

对于公共谷歌日历，您可以执行以下操作：

events: [{
    title: 'Event 1', start: '2013-07-09T19:10:00-04:00', 
    end: '2013-07-09T19:20:00-04:00', allDay: false
    },{
    title: 'Event 2', start: '2013-08-22T16:25:00-04:00',
        end: '2013-08-22T18:45:00-04:00', allDay: true
}]

var url = 'http://google.com/calendar/feeds/test@group.calendar.google.com/public/full?alt=json';
$.ajax({
    url: url,
    dataType: 'jsonp',
    success: function(response){
        var googleEvents = new Array();
        for(var i = 0; i < response.feed.entry.length; i ++){
            googleEvents[i] = {
                title : response.feed.entry[i].title.$t,
                start: response.feed.entry[i].gd$when[0].startTime,
                end: response.feed.entry[i].gd$when[0].endTime
            };
        }
        //init events
        calendar = $('#calendar-container').fullCalendar({
            events: googleEvents
        });
    }
});

var url='1〕http://google.com/calendar/feeds/test@group.calendar.google.com/public/full？alt=json'；
$.ajax({
url:url，
数据类型：“jsonp”，
成功：功能（响应）{
var googleEvents=新数组（）；
对于（变量i=0；i

参数
alt
指定响应的格式。
您确定从
http://www.google.com/your_feed_url/
在php中？事件开始日期和结束日期必须采用ISO 8601格式，类似于以下内容
2013-07-09T19:10:00-04:00
。您可以使用fullcalendar
$.fullcalendar.formatDate（from，format）以转换日期和时间

您还可以使用谷歌获取事件

事件必须如下所示：

events: [{
    title: 'Event 1', start: '2013-07-09T19:10:00-04:00', 
    end: '2013-07-09T19:20:00-04:00', allDay: false
    },{
    title: 'Event 2', start: '2013-08-22T16:25:00-04:00',
        end: '2013-08-22T18:45:00-04:00', allDay: true
}]

var url = 'http://google.com/calendar/feeds/test@group.calendar.google.com/public/full?alt=json';
$.ajax({
    url: url,
    dataType: 'jsonp',
    success: function(response){
        var googleEvents = new Array();
        for(var i = 0; i < response.feed.entry.length; i ++){
            googleEvents[i] = {
                title : response.feed.entry[i].title.$t,
                start: response.feed.entry[i].gd$when[0].startTime,
                end: response.feed.entry[i].gd$when[0].endTime
            };
        }
        //init events
        calendar = $('#calendar-container').fullCalendar({
            events: googleEvents
        });
    }
});

对于公共谷歌日历，您可以执行以下操作：

events: [{
    title: 'Event 1', start: '2013-07-09T19:10:00-04:00', 
    end: '2013-07-09T19:20:00-04:00', allDay: false
    },{
    title: 'Event 2', start: '2013-08-22T16:25:00-04:00',
        end: '2013-08-22T18:45:00-04:00', allDay: true
}]

var url = 'http://google.com/calendar/feeds/test@group.calendar.google.com/public/full?alt=json';
$.ajax({
    url: url,
    dataType: 'jsonp',
    success: function(response){
        var googleEvents = new Array();
        for(var i = 0; i < response.feed.entry.length; i ++){
            googleEvents[i] = {
                title : response.feed.entry[i].title.$t,
                start: response.feed.entry[i].gd$when[0].startTime,
                end: response.feed.entry[i].gd$when[0].endTime
            };
        }
        //init events
        calendar = $('#calendar-container').fullCalendar({
            events: googleEvents
        });
    }
});

var url='1〕http://google.com/calendar/feeds/test@group.calendar.google.com/public/full？alt=json'；
$.ajax({
url:url，
数据类型：“jsonp”，
成功：功能（响应）{
var googleEvents=新数组（）；
对于（变量i=0；i

参数
alt
指定响应的格式。
我只需要从google地址输入xml文件或从php文件输入json。但在这两种情况下，日期的格式都是正确的。唯一的问题是，事件未显示在第二个一个或第一个一个相同的域中。请粘贴事件的示例。我在我的json文件中添加了一部分。您将此json设置为fullcalendar事件？是的，我使用此json文件为事件提供信息。但它并没有加载，我只是从谷歌地址（GoogleAddress）输入一个xml文件，或者从php文件输入json。但在这两种情况下，日期的格式都是正确的。唯一的问题是，事件未显示在第二个一个或第一个一个相同的域中。请粘贴事件的示例。我在我的json文件中添加了一部分。您将此json设置为fullcalendar事件？是的，我使用此json文件为事件提供信息。但它没有加载