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

我正在使用primefaces计划来创建我的事件应用程序，但主要面孔不支持自定义视图，并且它们的默认视图不适合我的需要，我开始搜索jQuery解决方案，但是我发现所有这些都看起来像这样。如何创建只有周视图，没有小时组件的jQuery日历？

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

$（文件）。就绪（函数（）{

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

    }); 
});

enter image description here

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

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

enter image description here

来源

2015-03-31 1392023093user

-1

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

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

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

来源

2015-03-31 20:45:28

我只是想一周显示，我不想要几天，几小时.. – 1392023093user 2015-03-31 20:56:52

在此基础上：https://fullcalendar.io/docs/views/Available_Views/，您可以使用 “basicWeek” 的观点：

$('#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) 
}

或者使用Prime创建allDay事件面孔：

defaultScheduleEvent.setAllDay(true);

来源

2016-11-23 18:31:47 Matruskan

添加SlotDuration财产24小时

像这个 -

$（ '＃日历'）fullCalendar（{

 slotDuration:'24:00' 
     //rest of code

}）;

来源

2017-09-27 07:53:49 EmanM

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

回答

相关问题