Comment relier entre datepicker et fullcalendar

Question

Comment relier entre datepicker et fullcalendar

Answer 1

peut-être cela vous aidera:

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

Answer 2

Voici comment je le fais et il travaille actuellement. La façon dont le gotoDate fonctionne est de faire une date dans la vue dans laquelle vous vous trouvez. Il ne changera pas de vue pour vous, donc si vous voulez que l'outil datepicker vous amène à l'affichage du jour de cette date, vous devez changer la vue D'abord, appelez la fonction gotoDate pour le fullCalendar. Voici les deux seules fonctions dont vous avez besoin. Vous devrez peut-être modifier le paramètre de la fonction switchView en fonction de la vue vers laquelle vous souhaitez basculer. J'appelle également une fonction loadevents() de la vue du commutateur afin que j'aie les événements les plus à jour sur ma vue, il appelle ensuite une fonction différente plusieurs fois. La fonction est les appels est à moi que j'ai écrit AddEventSourceDetailed();

C'est en grande partie ce dont vous avez besoin pour choisir une date à partir d'un dataceur jquery, allez dans ce jour spécifique dans la vue journalière, et chargez les événements que vous voulez.

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