다음/이전 달 동안 데이터를 가져 오는 중

Question

보고있는 달의 Fullcalendar 데이터를 가져옵니다. Next/Prev Month보기 버튼을 클릭해도 새 달의 새 데이터를 가져 오지 않습니다.

DB에 대한 다른 호출을하고 그 달에 대한 레코드를 가져 오기 위해 다음/이전 단추를 얻으려면 어떻게해야합니까?

Answer 1

이벤트 데이터를 초기화 할 때 이벤트 데이터를로드 할 위치를 컨트롤에 알려줘야합니다. 모든 이벤트를 검색하는 a json feed, an array of events 또는 a function을 지정하면됩니다.

function 또는 json 메서드를 사용하는 경우 fullcalendar 컨트롤은 사용자가 보려고하는 범위의 데이터 만로드하려고 시도합니다. 따라서 사용자가 다음 달로 이동하면 그 달 이벤트가 피드/함수에서 검색됩니다.

Answer 2

api에 대한 ajax 요청을 만들기 위해 이벤트 콜백을 정의하십시오. 문서 here을 참조하십시오. 다음은 epoch 시작과 끝을 조회에서 매개 변수로 사용하는 API와 통합하는 예제입니다.

$('#calendar').fullCalendar({ 
    // other options here... 

    events: function(start, end, callback) { 
     start = start.getTime()/1000; 
     end = end.getTime()/1000; 
     $.ajax({ 
      url: '/api/events/1/?start='+ start + '&end=' + end, 
      dataType: 'json', 
      success: function(doc) { 
       var my_events = []; 
       $.each(doc.person.events, function (index, elem) { 
        my_events.push({ 
         title: elem.event.title, 
         start: elem.event.start, 
         end: elem.event.end, 
        }); 
       }); 
      callback(my_events); 
      } 
     }); 
    } 
}); 

제 실제 코드 (이 내용은 축소 된 버전입니다)에서는 아약스 요청에 대해 자세히 설명합니다. 또한 시작일과 종료 신기원 날짜 얻기 매개 변수를 전달하는 fullcalendar의 json feed events을 사용하여이 작업을 단순화 할 수 있습니다. 예를 들어 : http://yourwebsite.com/api/events/1/?start=123454444&end=12355324234 그래서 당신이 적절하게 그것을 처리하기 위해 서버를 설정해야합니다 같은

는

$('#calendar').fullCalendar({ 
    events: "/api/events/1/" 
}); 

이러한 솔루션은 모두 서버에 대한 API 호출을 수행합니다.

참고 :이 URL의 "1"은 궁금한 경우에 이벤트를 가져올 사용자의 ID를 식별하는 데 사용됩니다.

fullcalendar의 docs은 훌륭합니다. 다시 읽은 다음 다시 읽으십시오.

Answer 3

나는 sdolan의 대답에 변형을 썼다. 예는 다음과 같습니다.

jquery fullcalendar: calling events on clicking prev and next button in fullcalendar