如何更新fullcalendar

Question

我是一個初學php和fullcalendar.I需要用用戶輸入值（$（'＃name'））更新日曆。但它不起作用。

我有這段代碼。

$(document).ready(function() { 
    var UsrAux; 
    $('#name').blur(function(){      
     UsrAux = $('#name').val()  // <-- This is the input 
     });     


    $('#calendar').fullCalendar({ 
     draggable: true, 
     height: 400,  
     cache: true, 
     eventSources: [ 
    // your event source 
     { 
      url: 'CalendarServer.php', 
      type: 'POST', 
      data: {      
        uno: 'Something', 
        UsrCdg: UsrAux           
      }, 
      error: function() { 
       alert('error!'); 
      }, 
      color: '#e2ebef', // a non-ajax option 
      textColor: 'black' // a non-ajax option 
     } 
     ]  
     }); 


}); 

任何幫助將不勝感激！

Answer 1

blur事件函數應該在fullCalendar之前定義，因爲它獲取所需的數據（用戶輸入）。

Answer 2

嗨，這是解決方案。

$(document).ready(function(){ 

     var UsrAux;  
     UsrAux=$('#name').val();     
     $('#name').blur(function(){  
      UsrAux=$('#name').val();       
      var source = { 
        url: 'CalendarServer.php', 
        type: 'POST', 
        data: {       // Parms 
          uno: 'Somenthing', 
          UsrCdg: UsrAux           
        }, 
        error: function() { 
         alert('error!'); 
        }, 
        color: '#e2ebef', // a non-ajax option 
        textColor: 'black' // a non-ajax option 
      };        
      $('#calendar').fullCalendar('removeEvents'); 
      $('#calendar').fullCalendar('addEventSource', source); 
      }); 



     $('#calendar').fullCalendar({ 
      draggable: true, 
      height: 400,  
      cache: true, 
      eventSources: [ 
     // your event source 
      { 
       url: 'CalendarServer.php', 
       type: 'POST', 
       data: {       // Parms 
         uno: 'something', 
         UsrCdg: $('#name').val()            
       }, 
       error: function() { 
        alert('error!'); 
       }, 
       color: '#e2ebef', // a non-ajax option 
       textColor: 'black' // a non-ajax option 
      } 
      ]  
      }); 


      });