2011-06-07 200 views
3

我正在使用Fullcalendar在我的应用程序中显示事件,但我也想用它来安排资源,但我需要能够以5分钟的时间间隔安排这些资源。日历(周/日视图)可以配置为呈现5分钟的时间间隔,而不是默认的30分钟时间间隔?Fullcalendar时间间隔

如果是这样,拖动也可以配置在相同的时间间隔?

回答

4

我不知道拖动,但作为日历......是的,你可以改变时隙的大小,在你fullcalendar配置包括slotMinutes财产一样,

$('#mycalendar').fullcalendar({ 
    ... 
    slotMinutes: 5, 
    ... 
}); 

我希望这可以帮助!

8

我使用fullcalendar的版本2.11,并设定为5分钟的间隔,我不得不与格式设置slotDuration 'HH:MM:SS'

$('#mycalendar').fullCalendar({ 
    ... 
    slotDuration: '00:05:00', 
    ... 
}); 
+0

我可以在fullcalendar的多个资源视图中为每个资源视图添加多个slotDuration吗? – 2018-02-12 10:34:19

6

在版本2.3.2(I没“t检查以前的版本),你可以做到以下几点:

slotDuration: '00:30:00', 
snapDuration: '00:05:00', 

slotDuration改变网格显示,以30分钟。 的snapDuration更有趣:它改变了开始结束倍的5分钟,而你间隔拖动事件。

假设您的活动从10:00开始在上午10:30结束。使用上述配置,如果您将事件向上拖动(只是一点点),则新的时间将为:从上午10:05开始,在上午10:35结束,等等。

你可以在http://fullcalendar.io/docs/agenda/snapDuration/找到更多详细信息。