如何在“agendaWeek”中隐藏时间段FullCalendar / Primefaces的视图<p：schedule>？</p：schedule>

Question

是否可以隐藏“agendaWeek”视图中的时段？我正在使用基于FullCalendar的Primefaces <p:schedule>。我只将AllDay-Events添加到此特定时间表中，因此我的客户决定隐藏时间段。

我希望有办法。

祝你好运

Answer 1

你能不能只使用basicDay和basicWeek视图？而不是agendaWeek / agendaDay？这两个视图没有显示时间段.....节省了CSS等的混乱！

Answer 2

自定义标题模板，它将为您节省大量的css更改。

     <p:schedule id="mySechedule" 
rightHeaderTemplate="month, basicWeek, basicDay" 
value="#{myBean.eventModel}"/>

Answer 3

不确定这是不是你的意思

但要隐藏计划中的第一列，请尝试使用此css选择器（如果您的表单中包含formID\3A包含调度程序，请删除prependId = "false"

#formID\3A scheduleID th.fc-agenda-axis{
    display:none
}

或运行此js代码（在primefaces展示上测试）

jQuery("th.fc-agenda-axis").hide()

---

<强>更新

这是如何隐藏时间段（OP真正寻找的东西）

#formID\3A scheduleID table.fc-agenda-slots{
    display:none
}

Answer 4

要隐藏月 -Button，只需使用此代码。

<style type="text/css">
.fc-button-month{ display: none; }
</style>

Week -Button使用CSS Selector .fc-button-agendaWeek和 Day -Button：.fc-button-agendaDay

问候！