jquery日历控件

来源：互联网发布：前锦网络信息技术南京编辑：程序博客网时间：2024/05/23 02:05

我试着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();{

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');},

0 0