完整的日曆顯示的是從JavaScript的未來更多的事件，並顯示這些事件

Question

請按照鏈接：

http://access.spruceindustries.com/facility360/calendar-view.jsp

見我的形象，我想重新加載日曆時，有人選擇年，月，周和幾天。點擊javascript中的日期時，它會返回日期，並且我希望在小型完整日曆中顯示該日期。

當我點擊參考標籤：

$('#recurrence').click(function(){ 
    if($('#checking_tab_2').val()=='off'){ 
     var insertEvents = {}; 
     insertEvents = { 
      start: new Date(), 
     } 
     proposedEvents.push(insertEvents); 

     console.log(proposedEvents); 
     $('#mini_here').fullCalendar({ 
      header : { 
       left : 'prev', 
       center : 'title', 
       right : 'next' 
      }, 
      dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], 
      events: proposedEvents, 
      eventRender: function(event, eventElement, view){ 
       var dateString = moment(event.start).format('YYYY-MM-DD'); 
       $('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F'); 
      }, 
     }); 
    } 
    $('#checking_tab_2').val('on'); 
}); 

但點擊所有選項後（年，月，周，日）

我要重新加載日曆和希望在小日曆中顯示日期。

我試着用

$('#mini_here').html(""); 
$('#mini_here').fullCalendar({ 
    header : { 
     left : 'prev', 
     center : 'title', 
     right : 'next' 
    }, 
    dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], 
    events: proposedEvents, 
    eventRender: function(event, eventElement, view){ 
     var dateString = moment(event.start).format('MM/DD/YYYY'); 
     $('#mini_here .fc-bg .fc-day[data-date="' + dateString + '"]').css('background-color', '#87B87F'); 
    }, 
}); 
}); 

但它返回空白。我正在使用最新版本的完整日曆。

Answer 1

我解決了問題。

要在完整的日曆上再次添加更多事件，首先我們必須調用destroy方法，然後渲染方法。之後，您可以添加來自JavaScript的事件。

鏈接低於：http://fullcalendar.io/docs/display/destroy/ http://fullcalendar.io/docs/display/render/

感謝。