完整日历时间间隔



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

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

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

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

slotDuration将网格显示更改为30分钟快照持续时间更有趣:当您拖动事件时,它会以5分钟的间隔更改开始结束时间。

假设您的活动从上午10:00开始在上午10:30结束。使用上述配置,如果将事件向上拖动(稍微),则新时间将为:从上午10:05开始,到上午10:35结束,依此类推。

更多详细信息,请访问http://fullcalendar.io/docs/agenda/snapDuration/.

我使用的是fullcalendar的2.11版本,为了设置5分钟的间隔,我必须设置格式为"hh:mm:ss"的slotDuration

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

我不确定拖动,但关于日历。。。是的,您可以更改时隙的大小,在您的完整日历配置中包括slotMinutes属性,如

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

我希望这能有所帮助!

相关内容

  • 没有找到相关文章

最新更新