我正在尝试使用FullCalendar（http://fullcalendar.io/），除了时区之外，一切都很好。由于某种原因，我无法像网站上的示例中那样有时间进行更改，并且我看不到我的代码与此处的示例有何不同：
http://fullcalendar.io/js/fullcalendar-2.2.6/demos/timezones.html
我的项目代码要复杂得多，所以我试图尽可能接近地复制该示例，但它仍然不起作用：
<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>
列出的事件是从 FullCalendar.io 网站上的示例中提取的确切事件。日历呈现正常，但更改时区参数不会更改事件显示的时间：
将时区设置为"无"会在事件下方显示 +00：00
将时区设置为"本地"会在事件下方显示 -05：00（美国东部标准时间，我的时区）
将时区设置为特定位置（例如，"美国/芝加哥"）会在事件下方显示 +00：00，无论指定哪个位置
在这些情况下，日历上显示的事件时间都不会更改;如果输入的时间是 14：00：00，则无论时区设置如何，它都会显示为 2p。我可能在某处缺少一些明显的东西，但我就是看不到它。任何帮助将不胜感激。谢谢。
（请注意，这是 FullCalendar v2，因此忽略时区参数不存在。
尝试使用时区渲染事件事件功能
然后在选项中设置时区。