FullCalendar.js json事件

我有問題將事件從json文件附加到日曆。日曆成功構建，但不附加事件。FullCalendar.js json事件

我上傳了你們可以觀看JSON文件：https://api.myjson.com/bins/1dfki

HTML：

<html> 
<head> 
    <title>Bootstrap Calendar</title> 

    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="style.css"> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js"></script> 

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.0.2/fullcalendar.min.js"></script> 

    <script type="text/javascript" src="script.js"></script> 

</head> 
<body> 
<div id="calendar"></div> 

</body> 
</html> 




$(document).ready(function() { 

$('#calendar').fullCalendar({ 
events: 'https://api.myjson.com/bins/1dfki' 
    }); 

});

來源

2014-07-10 Dondada

我會做的第一件事是確保跨站點請求正在工作。使用jQuery加載https://api.myjson.com/bins/1dfki - 再加上我不確定跨站點請求如何與https協同工作。使用瀏覽器調試工具查看發生了什麼。如果這是行得通的，那麼請嘗試使用最簡單的Feed或您知道可用的演示Feed。 – bryjohns

@bryjohns所以從看我的JSON結構應該沒問題？我一直在試圖遵循文檔，但沒有太多關於事件和json – Dondada

根據文檔JSON提要預計將事件對象的數組。 http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/ - 第一句話。我使用您在您的數據中提供的數據製作了一個Feed示例（已修改，因此它有3個實際日期）。 https://api.myjson.com/bins/1zibm。您試圖製作一個Agenda對象，但它只是預期數組中的Event對象。

來源

2014-07-10 21:46:09 bryjohns

現在有些東西正在顯示，這太棒了！但是，如何在日期的正方形上顯示objectTitle。 – Dondada

@Dondada它應該是'title'而不是'objectTitle'。在http://mikesmithdev.com/examples/calendar.aspx上有一些示例和JSON供稿。 – MikeSmithDev

FullCalendar.js json事件

回答

相關問題