javascript - 完整日历点击事件谷歌日历的时间错误

Question

我需要让 Google 日历对客户来说看起来更漂亮，所以我使用了 Fullcalendar，它现在看起来很棒，谢谢!但我有一个问题:当我单击某个事件时，详细信息会显示 GMT 时间。我尝试了一些方法，但我绝对不是开发人员，所以我需要帮助:)

任何帮助将不胜感激!这是到目前为止我的 js 代码:

$(document).ready(function() {

    $('#calendar').fullCalendar({

        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        googleCalendarApiKey: 'my api key',

        events: 'my event',

        eventClick: function(event) {
            // opens events in a popup window

            window.open(event.url, 'gcalevent', 'width=600,height=400');
            return false;
            $scope.start = event;
        },

        loading: function(bool) {
            $('#loading').toggle(bool);

        }
    }); 
});

Answer 1

$(document).ready(function() {

    $('#calendar').fullCalendar({
        events: function(start, end, timezone, callback) {
            $.ajax({
               url: 'my calendar xml link',
               dataType: 'xml',
               data: {

                   start: start.unix(),
                   end: end.unix()
               },
               success: function(doc) {
                   var events = [];
                   $(doc).find('event').each(function() {
                       events.push({
                           title: $(this).attr('title'),
                           start: $(this).attr('start') // will be parsed
                       });
                   });
                   callback(events);
               }
           });
        }, 
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        googleCalendarApiKey: 'my api key',

        events: 'my calendar id',

        eventClick: function(event) {
            // opens events in a popup window


            window.open(event.url, 'gcalevent', 'width=600,height=400');
            return false;
            $scope.start = event;
        },

        loading: function(bool) {
            $('#loading').toggle(bool);

        }   

    });

});