如何创建只有周视图的jQuery日历，没有小时组件？

Question

我正在使用primefaces计划来创建我的事件应用程序，但是主要面孔不支持自定义视图，并且它们的默认视图不适合我的需要，我开始搜索jQuery解决方案，但我发现的所有内容都是这样的。

我正在使用fullCalendar插件，http://jsfiddle.net/qe53etk5/，

$（document）.ready（function（）{

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2014-06-12',
        defaultView: 'basicWeek',
        editable: true,

    });
});

但我不能只花一周时间查看一周（从星期一到星期一），没有时间（天和小时）组件！

我只需要显示一周的东西，就像这样，所以基本上我只需要查看一周，而不是整个月。

Answer 1

基于此：https://fullcalendar.io/docs/views/Available_Views/，您可以使用＆＃34; basicWeek＆＃34;视图：

$('#calendar').fullCalendar({
  defaultView: 'basicWeek',
  [...]
});

或者，如果你还想要PrimeFaces：

<p:schedule view="basicWeek" [...] >

然后，您可能希望添加仅包含开始日期的事件（请参阅：FullCalendar - Only display 'allDay' slot when in agenda view (weekly or daily)）：

{
  title: 'All Day Event',
  start: new Date(y, m, d)
}

或使用PrimeFaces创建allDay事件：

defaultScheduleEvent.setAllDay(true);

Answer 2

将SlotDuration属性添加到24小时

这样的事情 -

$('#calendar').fullCalendar({

        slotDuration:'24:00'
        //rest of code
});

Answer 3

看起来你正在使用FullCalendar插件，对吗？

初始化时，您可以指定您不希望显示右侧的header按钮，而是希望default view成为basicWeek。

如果你没有使用那个插件......你应该是。