如何創建僅具有周視圖的jQuery日歷，而沒有小時組件？

Question

我使用primefaces計划創建事件應用程序，但是prime face不支持自定義視圖，並且它們的默認視圖不適合我的需求，我開始搜索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/，您可以使用“ basicWeek”視圖：

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

或者，如果您仍然想要PrimeFaces：

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

然后，您可能想添加僅具有開始日期的事件（請參閱： FullCalendar-在議程視圖中（每周或每天）僅顯示'allDay'槽 ）：

{
  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插件，對嗎？

初始化時，您可以指定您不希望顯示在右側的那些標題按鈕，而是希望默認視圖為basicWeek。

如果您不使用該插件，那就應該了。