如何日期選擇器和fullcalendar

Question

之間的鏈接如何日期選擇器和fullcalendar

Answer 1

之間的鏈接，也許這將有助於：

$('#id_datepicker').datepicker({ 
    'onSelect': function(){ 
    $('#calendar').fullCalendar('gotoDate',$('#id_datepicker').datepicker('getDate')); 
} 

Answer 2

這是我如何做到這一點，它當前工作。 gotoDate的工作方式是它會在你所在的視圖中執行一個日期。它不會爲你切換視圖，所以如果你想讓日期選擇器將你帶到所選日期的日視圖，你必須切換視圖首先調用fullCalendar的gotoDate函數。這是您需要的唯一兩個功能。您可能需要更改switchView功能的參數，具體取決於您要切換到的視圖。

我也從交換視圖調用了一個loadevents（）函數，所以我必須在我的視圖上更新事件，然後多次調用一個不同的函數。函數調用是我寫的AddEventSourceDetailed（）;

這是你需要從jquery datepicker中選擇一個日期，在日視圖中去那個特定的日子，並加載你想要的事件。

$('#datepicker').datepicker({ 
       onSelect: function (dateText, inst) { 
        switchView('agendaDay'); 
        $('#calendar').fullCalendar('gotoDate', new Date(dateText)); 
       } 
      }); 



function switchView(view) { 
     $('#calendar').fullCalendar('changeView', view); 
     loadEvents(); 
    } 



function AddEventSourceDetailed(act_id) { 
    $('#calendar').fullCalendar('addEventSource', function (start, end, callback) { 
      $.ajax({ 
       type: 'POST', 
       url: '/Employee/GetScheduleDetailedArray/', 
       async: true, 
       dataType: "json", 
       data: { 
        // our hypothetical feed requires UNIX timestamps 
        start: Math.round(start.getTime()/1000), 
        end: Math.round(end.getTime()/1000), 
        id: '@Model.selectedUserId', 
        act: act_id 
       }, 
       success: function (doc) { 
        callback(doc); 
       }, 
       error: function (xhr, status, error) { 
        document.appendChild(xhr.responseText); 
       } 
      }); //end ajax 
    }); 
}