Fullcalendar时间间隔

Som*_*gOn 4 fullcalendar

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

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

小智 11

我正在使用fullcalendar版本2.11并设置5分钟的间隔,我必须设置slotDuration格式为'hh:mm:ss'

$('#mycalendar').fullCalendar({
    ...
    slotDuration: '00:05:00', 
    ...
});
Run Code Online (Sandbox Code Playgroud)


Alm*_*pos 11

在版本2.3.2(我没有检查以前的版本)中,您可以执行以下操作:

slotDuration: '00:30:00',
snapDuration: '00:05:00',
Run Code Online (Sandbox Code Playgroud)

所述slotDuration改变网格显示来30分钟.该snapDuration更有趣:它改变了开始结束时间的间隔5分钟当你拖动事件.

比方说,您的活动在上午10:00开始,并于上午10:30结束.使用上面的配置,如果你向上拖动事件(只是一点点),新的时间将是:从上午10:05开始,到上午10:35结束,依此类推.

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


Sha*_*ded 4

我不确定拖动,但至于日历...是的,您可以更改时间段的大小,在您的 fullcalendar 配置中包括以下属性slotMinutes

$('#mycalendar').fullcalendar({
    ...
    slotMinutes: 5,
    ...
});
Run Code Online (Sandbox Code Playgroud)

我希望这有帮助!