自定义时间范围 JQuery FullCalendar答案

【问题标题】：Custom time range JQuery FullCalendar自定义时间范围 JQuery FullCalendar
【发布时间】：2013-02-13 17:28:04
【问题描述】：

我使用带有 Fullcalendar 插件的资源视图。小时水平显示。除了我想要自定义时间间隔外，一切都运行良好。我想要 24 小时日历，一天从上午 9.30 开始，到上午 9.30 结束，我已经在文档中看到了“最小时间”和“最大时间”（http://arshaw.com/fullcalendar/docs/agenda/minTime/），但如果我尝试

minTime: '9:30',
maxTime: 9:30',

它不起作用。我什至考虑在同一页面上使用 2 个日历，其中一个：9.30am > 9.30pm，另一个 9.30pm > 9.30 am，但我最好有 24 小时日历……

有人可以帮帮我吗？

24H calendar

【问题讨论】：

标签： jquery fullcalendar

【解决方案1】：

对不起，我认为这是不可能的。

任何视图（议程/基本）均基于特定日期，因此开始时间为 0:00，结束时间为您选择显示的那一天 23:59。

minTime/maxTime 允许您过滤一天中的范围。

【讨论】：

【解决方案2】：

我正在尝试做同样的事情。这就是我正在做的事情，也许它会帮助某人，或者有人会帮助我找到解决方案。

我希望我的日子从早上 7 点开始，到第二天早上 7 点结束。我使用另一个时区“移动”了所有事件（我仍然必须处理夏季/冬季时间），并且我将使用 jQuery 来更改左侧列中显示的“时间”。

这是您正在寻找的解决方法吗？

【讨论】：

【解决方案3】：

这是一个老问题，但我自己需要这个功能，所以我在我的 fork 中实现了 dayBreakTime 选项：https://github.com/matiaslarsson/fullcalendar

这将允许您选择日历列在新的一天中断的时间。只需添加选项 dayBreakTime: "09:30" 以使日期列从第二天的 09:30 跨越到 09:30，如下所示；

$('#calendar').fullCalendar({
   header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
   },
   defaultView: 'agendaWeek',
   dayBreakTime: "09:30",
   ...
});

如果您想要 FullCalendar 主分支中的功能，请查看文档并在 https://code.google.com/p/fullcalendar/issues/detail?id=2541 上为问题加注星标。

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
这是答案的基本部分：“只需添加选项 dayBreakTime: "09:30" 以使日期列从第二天 09:30 跨越到 09:30。”但它需要完整日历的分叉版本。你想让我也添加代码增量吗？
对不起，这是来自评论系统的罐头评论。如果您可以进一步充实您的答案，也许包括一个代码 sn-p，它可能会很好。经验法则通常是“如果链接断开，这个答案仍然是一个答案吗？”