周和日视图的时间范围

问题描述 投票:0回答:5

我说的产品是 Adam Shaws Plugin Fullcalendar

我对这个产品非常满意。然而我不是代码专家。我正在使用此日历来显示预订。然而,时间行显示从上午 12 点开始。实际上,我只需要显示上午 8 点到晚上 10 点的条目表。我想知道是否可以实现这一点,并释放更多空间,使现有的行更大,以增强活动预订的显示。

fullcalendar
5个回答
34
投票

尝试使用议程日视图:

$('#calendar').fullCalendar({
  minTime: "07:00:00",
  maxTime: "21:00:00"
});

minTime:确定第一个 将显示的小时/时间,甚至 当滚动条滚动时 一路攀升。 http://arshaw.com/fullcalendar/docs/agenda/minTime/

maxTime:确定最后一个小时/时间 (独家)将显示的, 即使滚动条已经 一直向下滚动。 http://arshaw.com/fullcalendar/docs/agenda/maxTime/

也许也有帮助:firstHour: 确定第一个小时 在滚动窗格中可见。

整数,默认:6 值必须是 从 0-23,其中 0=午夜,1=凌晨 1 点, 等等

用户将能够滚动 向上查看在此之前的事件 时间。如果你想阻止用户 这样做,使用 minTime 选项代替。 http://arshaw.com/fullcalendar/docs/agenda/firstHour/


17
投票

我想它适用于某些版本

但对我来说它只能这样工作

$('#calendar').fullCalendar({
minTime: "07:00:00",
maxTime: "21:00:00",
});

非常感谢@orolo,你启发了我。


7
投票

另一个更新。最新版本 5 使用此语法来限制显示的时间:

...
slotMinTime: "07:00:00",
slotMaxTime: "21:00:00",
....

3
投票

如果您使用的是最新版本的 fullcalendar,则“firstHour”属性现在为“scrollTime”。您分配的值应采用“06:00:00”格式。


0
投票

适用于 v6.1.x

calendar = new FullCalendar.Calendar(calendarEl, {
  // only show from 9am to 5pm
  slotMinTime: "09:00:00",
  slotMaxTime: "22:00:00"
}
© www.soinside.com 2019 - 2024. All rights reserved.