FullCalendar.js json事件

时间:2014-07-10 18:40:25

标签: javascript jquery json fullcalendar

我在将事件从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'
    });

});

1 个答案:

答案 0 :(得分:1)

根据文档,JSON feed应该是一个Event对象数组。 http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/ - 第一句话。我使用您在您的数据中提供的数据进行了示例Feed(已修改,因此它有3个实际日期)。 https://api.myjson.com/bins/1zibm。您尝试创建一个Agenda对象,但它只是期望数组中的Event对象。