jquery日历控件

我试着jQuery的fullcalendar。从JSON的事件数据。 我的页面有一个下拉列表和fullcalendar格。 我需要的是刷新每个改变了下拉 日历 。下拉列表中选择的值应发送到服务器，以获取新的事件数据 下面是我的代码

  $(document).ready(function() {
  $('#calendar').fullCalendar({
   events: {
    url : '/myfeed',
    data : {personId : $('#personDropDown').val() }
   }
  });

  $('#personDropDown').change(function(){
   $('#calendar').fullCalendar('refetchEvents');
  });

 });

但是上面的代码不能正常工作。 任何帮助？
本文地址 ：CodeGo.net/433347/ 

------------------------------------------------------------------------------------------------------------------------- 

1.  最后，它曾与下面的代码：

$(document).ready(function() {
  loadCalendar();
  $('#siteSelect').change(function(){
   var selectedSite = $('#siteSelect').val();
   var events = {
     url: '/myfeed2',
     type: 'POST',
     data: {
     siteid: selectedSite
     }
   }
   $('#calendar').fullCalendar('removeEventSource', events);
   $('#calendar').fullCalendar('addEventSource', events);
   $('#calendar').fullCalendar('refetchEvents');
  });

 });

2.  我刷新此方法后，一个Ajax事件增加了一个模态，例如：

$('#cal').fullCalendar('removeEvents');
$('#cal').fullCalendar('addEventSource', "../calendar/json-events2.php")
$('#cal').fullCalendar('rerenderEvents');

3.  问题是，你正在改变下拉的值，你已经创建的事件对象，其中有下拉的原始值的副本后。以下是你所需要的：

$('#dropdownId').change(function () {
 events.data.customParam = $(this).val();
 $('#calendar').fullCalendar('refetchEvents');
});

这依赖于事件对象被在那里可以从下拉列表中的onchange和fullcalendar初始化（如onload事件）访问的区域中创建 

4.  我不能得到那个工作的。 所以我结束了 解决方案 与此类似：

$('#personDropDown').change(function () {
   var source = {
    data: {
     filter: $('#personDropDown').val()
    },
     url : '/myfeed'
   };
   $('#calendar').fullCalendar('removeEvents');
   $('#calendar').fullCalendar('addEventSource', source);
  });

5.  这样就可以实现的功能的事件源。上refetchEvents事件fullCalendar调用函数，返回自定义值，并将其发布到服务。

$(document).ready(function() {
  $('#valueSelect').change(function(){
   if ($('#calendar').hasClass('fc'))
   {
    $('#calendar').fullCalendar('refetchEvents');
   }
   else
   {
    $('#calendar').fullCalendar({
     events: function(start, end, callback) {
      $.ajax({
       url: 'web-service-link',
       type: 'GET',
       dataType: "json",
       contentType: "application/json; charset=utf-8",
       data: {
        start: Math.round(start.getTime() / 1000),
        end: Math.round(end.getTime() / 1000),
        customValue: GetCustomValue()
       }
      });
     }
    });
   }
  });
});

function GetCustomValue()
{
 return $('#valueSelect').val();
{

6.

try this

  $(document).ready(function() {
   $('#calendar').fullCalendar({
    events: {
     url : '/myfeed',
     data : function() { // a function that returns an object
        return {
         personId : $('#personDropDown').val() ,
        };

     }
   });


    $('#personDropDown').change(function(){
     $('#calendar').fullCalendar('refetchEvents');
    });

   });

7.  我解决这样的

   data: function() { // a function that returns an object
   return {
     custom_param1: date_start,
    custom_param2: date_end
   };
   },

修改值DATE_START和date_end后，该 函数 获取新值。 在我来说，我需要的日期当视图改变

viewRender: function(view,element){
  date_start = $.fullCalendar.formatDate(view.start,'dd/MM/yyyy');
  date_end = $.fullCalendar.formatDate(view.end,'dd/MM/yyyy');
},