自定义时间范围JQuery FullCalendar

时间:2013-02-13 17:28:04

标签: jquery fullcalendar

我使用Fullcalendar插件的资源视图。小时数水平显示。一切都运作良好,除了我想有自定义的时间间隔。我希望有24小时日历,从早上9:30开始,到早上9:30结束,我已经在文档中看到了'mintime'和'maxtime(http://arshaw.com/fullcalendar/docs/agenda/minTime/)但是如果我尝试

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

它不起作用。我甚至考虑在同一页面上使用2个日历,其中一个:9:30am>晚上9:30和另一个晚上9:30>上午9:30但我最好有24小时日历...

任何人都可以帮助我?

24H calendar

3 个答案:

答案 0 :(得分:0)

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

任何视图(议程/基本)都基于特定日期,因此开始时间是0:00,结束时间23:59您选择显示的日期。

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

答案 1 :(得分:0)

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

我希望我的日子早上7点开始,并在第二天早上7点停止。 我使用另一个时区“移动”所有事件(我仍然需要处理夏季/冬季时间)并且我将使用jQuery来更改左列中显示的“时间”。

这是你正在寻找的修复?

答案 2 :(得分:0)

这是一个老问题,但我自己需要这个功能所以我在我的分叉中实现了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标出问题。