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

Question

是否可以在"议程周"视图中隐藏时间段？我正在使用基于FullCalendar的Primefaces <p:schedule>。我只将 AllDay-Events 添加到这个特定的时间表中，所以我的客户决定隐藏时间段。

我希望有办法。

此致敬意

Answer 1

您不能只使用 basicDay 和 basicWeek 视图吗？而不是议程周/议程日？这两个视图没有显示时间段.....省去了弄乱CSS等！

Answer 2

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

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

Answer 3

不确定这是否是你的意思

但是要隐藏计划中的第一列，请尝试使用此CSS选择器（如果您在包含调度程序的表单中prependId = "false"，请删除formID3A）

#formID3A scheduleID th.fc-agenda-axis{
    display:none
}

或者运行这个JS代码（在Primefaces展示上测试）

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

---

更新

这是隐藏时间段的方法（OP真正要寻找的内容）

#formID3A scheduleID table.fc-agenda-slots{
    display:none
}

Answer 4

要隐藏月份按钮，只需使用此代码即可。

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

对于周按钮，请使用 CSS 选择器.fc-button-agendaWeek，对于日按钮：.fc-button-agendaDay

问候！