FullCalendar - 隐藏周标签中的天数

Question

我正在使用 FullCalendar (2.3.1) with the ui-calendar (0.8.1) AngularJS directive. I need to hide the column headers that contain the days of the week (Sun, Mon, Tues, etc.). I can see where the calendar header can be configured (http://fullcalendar.io/docs/display/header/)，但这不包括日历中每一列的 headers，其中包含星期几标签。

我一直在梳理文档，但找不到切换它的方法。是否可以通过 FullCalendar 本身或 ui-calendar 指令中的配置参数隐藏星期几标签？

Answer 1

所有日期单元格（'Mon'、'Tue' 等...）都属于 FullCalendar 中的 class 'fc-day-header'。所以，如果你只想隐藏 header，你可以这样做：$('.fc-day-header').hide();

这应该可以满足您的需要。

Answer 2

在您的 $scope.uiConfig.calendar 对象中，您可以指定自定义 "Day" 名称。因此，如果您想要其中的一些但不是全部或它们之间的任何组合，您可以这样做。

$scope.uiConfig = {calendar:{ dayNames: ['', '', '', '', '', '', ''] } };

或

$scope.uiConfig = {calendar:{ dayNames: ['Su', 'M', 'T', 'W', 'T', 'F', 'Sa'] } };

你可以在里面放任何你想要的东西，这样你就可以 hide/show 天的名字而无需编辑 CSS。