Javascript FullCalendar 2.2.6时区已忽略_Javascript_Fullcalendar

Javascript FullCalendar 2.2.6时区已忽略

javascript fullcalendar

Javascript FullCalendar 2.2.6时区已忽略,javascript,fullcalendar,Javascript,Fullcalendar,我正在尝试使用FullCalendar（），除了时区之外，其他一切都很好。由于某些原因，我无法像网站上的示例那样有时间进行更改，我也看不出我的代码与这里的示例有什么不同：我的项目中的代码要复杂得多，因此我尝试尽可能地复制该示例，但它仍然不起作用： <body> <h1>Calendar:</h1> <div class="calendar"></div> </body> <script>

我正在尝试使用FullCalendar（），除了时区之外，其他一切都很好。由于某些原因，我无法像网站上的示例那样有时间进行更改，我也看不出我的代码与这里的示例有什么不同：

我的项目中的代码要复杂得多，因此我尝试尽可能地复制该示例，但它仍然不起作用：

<body>
    <h1>Calendar:</h1>
    <div class="calendar"></div>
</body>

<script>
    function renderCalendar() {
        $('.calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: '2014-11-12',
            timezone: 'Europe\/London',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: [{"title":"All Day Event","start":"2014-11-01"},{"title":"Long Event","start":"2014-11-07","end":"2014-11-10"},{"id":"999","title":"Repeating Event","start":"2014-11-09T16:00:00-05:00"},{"id":"999","title":"Repeating Event","start":"2014-11-16T16:00:00-05:00"},{"title":"Conference","start":"2014-11-11","end":"2014-11-13"},{"title":"Meeting","start":"2014-11-12T10:30:00","end":"2014-11-12T12:30:00"},{"title":"Lunch","start":"2014-11-12T12:00:00-05:00"},{"title":"Meeting","start":"2014-11-12T14:30:00-05:00"},{"title":"Happy Hour","start":"2014-11-12T17:30:00-05:00"},{"title":"Dinner","start":"2014-11-12T20:00:00+00:00"},{"title":"Birthday Party","start":"2014-11-13T07:00:00-05:00"},{"url":"http:\/\/google.com\/","title":"Click for Google","start":"2014-11-28"}],
            loading: function(bool) {
                $('#loading').toggle(bool);
            },
            eventRender: function(event, el) {
                // render the timezone offset below the event title
                if (event.start.hasZone()) {
                    el.find('.fc-title').after(
                    $('<div class="tzo"/>').text(event.start.format('Z'))
                    );
                }
            }
        });
    }
    renderCalendar();
</script>


日历：
函数renderCalendar（）{
$（'.calendar'）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
默认日期：“2014-11-12”，
时区：“欧洲\/伦敦”，
是的，
eventLimit:true，//当事件太多时允许“更多”链接
事件：[{“标题”：“全天事件”，“开始”：“2014-11-01”}，{“标题”：“长期事件”，“开始”：“2014-11-07”，“结束”：“2014-11-10”}，{“id”：“999”，“标题”：“重复事件”，“开始”：“2014-11-09T16:00:00-05:00”}，{“id”：“999”，“标题”：“重复事件”，“开始”：“2014-11-16T16:00:00-05:00”}，{“标题”：“会议”，“开始”：“2014-11-11-11”，“结束”：“2014-11-13会议”{“标题”：，“开始”：“2014-11-12T10:30:00”，“结束”：“2014-11-12T12:30:00”}，{“标题”：“午餐”，“开始”：“2014-11-12T12:00:00-05:00”}，{“标题”：“会议”，“开始”：“2014-11-12T14:30:00-05:00”}，{“标题”：“快乐时光”，“开始”：“2014-11-12T17:30:00-05:00”}，{“标题”：“晚餐”，“开始”：“2014-11-12T20:00:00+00”}，{“生日聚会”，“开始”：“2014-11-12:00:00”}{“url”：“http:\/\/google.com\/”，“title”：“点击谷歌”，“开始”：“2014-11-28”}]，
加载：函数（bool）{
$（'#加载'）。切换（bool）；
},
eventRender:函数（事件，el）{
//渲染事件标题下方的时区偏移
if（event.start.hasZone（））{
el.find（'.fc title'）。在(
$（''）.text（event.start.format（'Z'））
);
}
}
});
}
renderCalendar（）；

列出的事件是从FullCalendar.io网站上的示例中提取的确切事件。日历呈现良好，但更改时区参数不会更改事件显示的时间：

将时区设置为“无”将在事件下方显示+00:00

将时区设置为“本地”显示事件下方的-05:00（美国东部时间，我的时区）

将时区设置为特定位置（例如，“美国/芝加哥”）会在事件下方显示+00:00，而不管指定的位置是什么

在这些情况下，日历上显示的事件时间均未更改；如果输入的时间为14:00:00，则无论时区设置如何，都将显示为2p。可能有一些明显的地方我遗漏了，但我就是看不到。如果您能提供任何帮助，我们将不胜感激。谢谢

（请注意，这是FullCalendar v2，因此ignoreTimezone参数不存在。）

尝试使用时区呈现事件

然后在选项中设置时区