2014-10-20 93 views
0

我有一個網頁,我想在FullCalendar上顯示事件。我有一個位於另一個服務器(RESTful API)上的JSON供稿,並且像這樣讀取它:在FullCalendar上顯示JSON源

function getData(selector,callback) { 
return $.ajax({ 
    url:"myurl/logs?" + selector, 
    jsonp: "callback", 
    dataType: "jsonp", 
    success: callback 
}) 
} 

選擇器用於過濾結果。我每次必須使用.done選擇器時也必須使用它(因爲ajax的異步行爲)。

getData().done(function(result){ 
// my function here 
} 

結果具有JSON格式是這樣的:

[{"startTime":"2014-10-08T11:57:10.968Z","endTime":"2014-10-08T11:57:15.169Z"}] 

的FullCalendar只接受 「開始」 和 「結束」 作爲標識符。我必須讓FullCalendar接受我的JSON供稿?

+0

?顯示fullcalendar配置 – Satpal 2014-10-20 13:00:21

+0

這樣的 '$(「#calendar」)。fullCalendar({events:result });' – 2014-10-20 13:01:46

回答

0

你如何使用'的getData()`只需使用events (as a function)

$('#calendar').fullCalendar({ 
    events: function(start, end, timezone, callback) { 
     getData().done(function(results){ 
      var events = $.map(results, function(result) { 
       return { 
        title: '', 
        start: result.startTime, 
        end: result.endTime 
       }; 
      }); 
      callback(events); 
     });  
    } 
}); 
+0

謝謝!但是我現在可以在一天內獲得所有日誌(總共1046個),顯示標題'3:21p'。任何想法? – 2014-10-20 13:23:22

+0

@username_HI,您需要設置'timeFormat'閱讀文檔。也只是好奇:你創造了5秒的事件?並使用'start'和'end'參數 – Satpal 2014-10-20 13:27:26

+0

我在控制檯中進行了檢查,它返回了一個正確大小的數組,但對象都具有id的'start = undefined'和'end = undefined'。是的,我正在量化自我設備和互補網站 – 2014-10-20 13:31:06