如何更新完整日历

Question

我是 php 和 fullcalendar 的初学者。我需要使用用户输入值（$（'#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
            }
            ]       
          });

          });