Question

我正在使用FullCalendar（2.3.1）和ui-calendar（0.8.1）AngularJS指令。我需要隐藏包含一周中的日期的列标题（Sun，Mon，Tues等）。我可以看到日历标题的配置位置（http://fullcalendar.io/docs/display/header/），但这不包括日历中每列的标题，其中包含星期几标签。

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

Answer 1

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

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

OR

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

你可以在那里放置任何你想要的东西，允许你隐藏/显示日期名称而无需编辑CSS。

Answer 2

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

这应该适合您的需要。

FullCalendar - 隐藏星期标签中的天数

2 个答案: