我正在使用FullCalendar(2.3.1)和ui-calendar(0.8.1)AngularJS指令。我需要隐藏包含星期几(星期日、星期一、星期二等)的列标题。我可以看到日历标题可以配置的位置(http://fullcalendar.io/docs/display/header/),但这不包括日历中每列的标题,其中包含星期几标签。
我一直在梳理文档,但找不到切换它的方法。是否可以通过 FullCalendar 本身或 ui-calendar 指令中的配置参数隐藏星期几标签?
在 $scope.uiConfig.calendar 对象中,您可以指定自定义的"Day"名称。因此,如果您想使用其中一些但不是全部或两者之间的任何组合,您可以这样做。
$scope.uiConfig = {calendar:{ dayNames: ['', '', '', '', '', '', ''] } };
或
$scope.uiConfig = {calendar:{ dayNames: ['Su', 'M', 'T', 'W', 'T', 'F', 'Sa'] } };
你可以把任何你想要的东西放在那里,允许你隐藏/显示日期名称,而无需编辑CSS。
所有的日子单元格("星期一","星期二"等)都属于FullCalendar中的类"fc-day-header"。因此,如果您只想隐藏该标头,则可以这样做: $('.fc-day-header').hide();
这应该适用于您的需求。