全日历时间间隔

标签 fullcalendar

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

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

最佳答案

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

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/ 找到更多详细信息.

关于全日历时间间隔,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6267962/

相关文章:

Angular 8 | primeng/fullcalendar 根据事件类型(循环事件)、单元格 bg-color 设置不同的样式

javascript - IE7 不为 FullCalendar 发出 JSON 请求

javascript - 如何实现将整天设置为 true 的重复事件?

jquery - 全日历拖放全天

css - jQuery Mobile 和 fullcalendar css 冲突

javascript - 更新 fullcalendar 事件中传递的变量

jquery - 如何显示日历事件的主题而不剪切它 - 使用 FullCalendar UI

javascript - 如何在 Fullcalendar 中重新加载 JSON 数据?

php - 在 FullCalendar 4 中显示我的数据库中的事件

PHP/MySQL/Jquery - 构建关联数组并使用 JQuery $.each 输出它