javascript - Fullcalendar不显示返回数据

Question

我有一个 Coldfusion cfc，我调用它来查询开始日期和结束日期之间的事件。这是我的脚本:

$(document).ready(function() {

var calendar = $('#calendar').fullCalendar({
  events: function(start, end, callback) {
$.ajax({
    type: "GET",
    url: 'cfc/forecast.cfc?method=GetForecast&returnformat=plain',
    data: {
         startDate: start.getDate(),
         startMonth: start.getMonth(),
         startYear: start.getFullYear(),
                 endDate: end.getDate(),
         endMonth: end.getMonth(),
         endYear: end.getFullYear()
    },
    success: function(data) {
        callback(data);
    }
});
 } 
 });
});

在 firebug 中，返回数据如下所示:

[
  {"ID": 16, "start": "2010-01-04 00:00:00.0", "end": "", "title": "AM 2 Hours: 2 - 2"},
  {"ID": 16, "start": "2010-01-04 00:00:00.0", "end": "", "title": "AM 2 Hours: 2 - 2"},
  {"ID": 16, "start": "2010-01-04 00:00:00.0", "end": "", "title": "PM 2 Hours: 2 - 2"},
  {"ID": 16, "start": "2010-01-04 00:00:00.0", "end": "", "title": "PM 2 Hours: 2 - 2"}
] 

我是 Javascript、jQuery 和 FullCalendar 的新手，所以请原谅我。我知道我错过了一些东西，但不知道它是什么。非常感谢任何建议!

谢谢

Answer 1

可能有一些事情。

1) 所有的 id 都相同。如果您没有专门使用它们，则不能包含它们，fullcalendar 将自动分配一个 ID。

2) 可能区分大小写。我返回的 JSON 将其作为 id 而不是 ID。

3) 这些应该是全天事件吗？如果是这样，请使用 JSON 中的 "allDay": true 属性。由于没有结束日期，我假设这是一整天的事情。

尝试一下。但也...

如果您可以控制正在调用的 ColdFusion 脚本，则可以将其更改为仅接收作为时间戳的开始和结束参数，并返回正确的 JSON。然后，您只需将 URL 作为字符串传递给 events: 属性，它就会为您处理一切。

$('#calendar').fullCalendar({
  events: 'cfc/forecast.cfc?method=GetForecast&returnformat=plain'
});