2014-07-10 6 views
3

json 파일의 일정을 일정에 첨부하는 데 문제가 있습니다. 캘린더가 성공적으로 빌드되지만 이벤트를 추가하지는 않습니다. 문서의 JSON 피드는 이벤트 객체의 배열 될 것으로 예상된다 따르면FullCalendar.js json events

<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' 
    }); 

}); 
+0

내가해야 할 일은 크로스 사이트 요청이 작동하는지 확인하는 것입니다. jQuery를 사용하여 https://api.myjson.com/bins/1dfki를로드하십시오. 또한 https와의 크로스 사이트 요청 작동 방식을 잘 모릅니다. 브라우저 디버그 도구를 사용하여 어떤 일이 일어나고 있는지 확인하십시오. 작동하는 경우 간단한 피드 또는 작동하는 것으로 확인 된 데모 피드를 사용하여 다시 시도하십시오. – bryjohns

+0

@bryjohns 그래서 내 json보고 구조에서 잘되어야한다? 나는 문서를 따르려고했지만 이벤트 나 json에 관해서는별로 없다. – Dondada

답변

1

: https://api.myjson.com/bins/1dfki

HTML :

내가보기에 너희들을위한 JSON 파일을 업로드했습니다. http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/ - 첫 번째 문장 귀하가 제공 한 데이터를 사용하여 예제 피드를 만들었습니다 (수정하여 실제 날짜는 3 개였습니다). https://api.myjson.com/bins/1zibm. Agenda 객체를 만들려고했으나 배열의 Event 객체 만 기대합니다.

+0

뭔가가 나타나고있다. 정말 대단하다. 그러나 어떻게 날짜의 사각형에 objectTitle을 보여줄 수 있습니까? – Dondada

+1

@Dondada 제목은'objectTitle'이 아니어야합니다. 몇 가지 예제와 JSON 피드를 http://mikesmithdev.com/examples/calendar.aspx에서 확인하십시오. – MikeSmithDev