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

时间:2011-08-27 00:07:19

标签: javascript jquery jquery-plugins fullcalendar

我正在构建一个应用程序,记录并显示从凌晨5点到凌晨5点的每日事件。

我正在使用Fullcalendar在月视图中显示这些事件。基于此,我需要显示凌晨5点 - 凌晨5点属于一天(例如星期一)。

例如,周一我有3个活动:

  1. 早上7点到11点
  2. 下午1点至12点30分(事件跨越周一和周二)
  3. 凌晨1点到凌晨3点(事件在星期二有效;但是,我想要它 周一展示)
  4. 理想情况下,我要添加一个参数dayStartTime,这是一个自定义日期开始时间偏移,保持24小时范围。

    我的问题是FullCalendar插件中需要修改哪些才能实现此结果?

1 个答案:

答案 0 :(得分:0)

试试这个 - 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