2012-03-29 56 views
0

有人可以帮助我了解如何将开始日期传递到日历。我已创建交货计划程序日历,并将交货详细信息显示在通过数据库供应的日历下的表格中。这要求我在用户选择日历日来加载表信息时刷新页面。我可以计算出如何在传入页面的开始日期开始日历。FullCalendar传递开始日期

看起来像这样很容易,但我做错了什么。 ('#calendar')。fullCalendar(Options); $('#calendar')。fullCalendar('gotoDate','2012-10-21');基于文档http://arshaw.com/fullcalendar/docs/current_date/gotoDate/

记住,一个月

回答

3

样品是从0开始,所以10月手段。

$(document).ready(function() { 

    var calendar = $('#calendar').fullCalendar({ 
     events:[ 
      { title:'All Day Event', start:new Date(2012, 10, 20)}, 
      { title:'Long Event', start:new Date(2012, 10, 21), end:new Date(2012, 10, 22)} 
     ] 
    }); 

    $('#calendar').fullCalendar('gotoDate', 2012, 10, 21); 

}); 
+0

谢谢,这真是棒极了。 – 2012-03-31 15:05:03

+0

我知道,这是我正在处理的代码的片段;]接受答案。 – biesior 2012-03-31 15:28:06

+0

我会给你一个+1,因为他从来没有接受过答案。 – Rohrbs 2013-01-18 18:19:37

1

谢谢Biesior对你有帮助的答案。我能够使用您的建议代码来获得我正在寻找的行为。

使用上面的方法时,我注意到Firebug的控制台显示两个AJAX数据请求同时执行,一个用于与当前日期相关的视图,另一个用于与指定的gotoDate关联的视图。

从用户的角度看,没有任何额外的延迟,并且日历从头开始显示请求的视图。然而,'加载'回调会被多次调用,这在某些情况下可能会导致奇怪的行为。也可能存在与当前日期的多余AJAX请求相关的其他不期望的结果。

我能够通过初始化没有事件源的日历,然后移动到如上面Biesior所示的所需日期,然后添加事件源来避免不必要的AJAX请求。序列如下所示。 我已经删除了一些无关的FullCalendar选项和回调以保持简洁。还有一些额外的AJAX参数和一些PHP,但需要注意的是事件源的指定时间。

原始代码导致两个同时发生的AJAX请求:

$('#calendar').fullCalendar({ 
    events: { 
    url:'/Services/GetEvents.php', 
    type: 'POST', 
    data: { 
     lat: <?=$venLatitude?>, 
     lon: <?=$venLongitude?>, 
     userID: <?=$userID?>, 
     distance: <?=$distance?> 
    } 
    } 
}) 
$('#calendar').fullCalendar('gotoDate', <?=(int)substr($startDate,0,4)?>, <?=((int)substr($startDate,5,2))-1?>); 

这种调整的结果只有所需AJAX请求:

 $('#calendar').fullCalendar(); 
     $('#calendar').fullCalendar('gotoDate', <?=(int)substr($startDate,0,4)?>, <?=((int)substr($startDate,5,2))-1?>); 
     $('#calendar').fullCalendar('addEventSource', { 
       url:'/Services/GetEvents.php', 
       type: 'POST', 
       data: { 
        lat: <?=$venLatitude?>, 
        lon: <?=$venLongitude?>, 
        userID: <?=$userID?>, 
        distance: <?=$distance?> 
       } 
      }); 
+0

你问这里有个新问题吗? – NetStarter 2013-06-11 13:48:02

+0

在我看来,他指出了fullcalendar中的一个错误,并向人们展示了如何解决它。 – boatcoder 2014-03-14 21:17:41

相关问题