Fullcalendar - 调整自定义时间的日历视图天显示范围答案

【问题标题】：Fullcalendar - Adjusting Calendar View Day Display Range for Custom HoursFullcalendar - 调整自定义时间的日历视图天显示范围
【发布时间】：2011-08-27 00:07:18
【问题描述】：

我正在构建一个应用程序，用于记录和显示从早上 5 点到凌晨 5 点的每日事件。

我正在使用 Fullcalendar 在月视图中显示这些事件。基于此，我需要将 5am - 5am 显示为属于一天（例如星期一）。

例如，星期一我有 3 个活动：

早上 7 点到 11 点
下午 1 点至凌晨 12:30（活动时间为周一和周二）
凌晨 1 点到凌晨 3 点（活动在星期二有效；但是，我希望它周一展示）

理想情况下，我将添加一个参数 dayStartTime，它是一个自定义的日期开始时间偏移量，保持 24 小时范围。

我的问题是在 FullCalendar 插件中的哪个位置需要修改才能达到这个结果？

【问题讨论】：

标签： javascript jquery jquery-plugins fullcalendar

【解决方案1】：

试试这个 - http://fullcalendar.io/docs/utilities/Duration/

$('#calendar').fullCalendar({

header: {

    center: 'month,agendaFourDay' // buttons for switching between views
},
views: {
    agendaFourDay: {
        type: 'agenda',
        duration: { days: 4 },
        buttonText: '4 day'
    }
}
});

持续时间

"23:59"       // hours/minutes
"23:59:59"    // hours/minutes/seconds
"1.23:59:59"  // days/hours/minutes/seconds
{ days:1, hours:23, minutes:59 } // an object

【讨论】：