完整日历 - 隐藏星期标签中的天数



我正在使用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();

这应该适用于您的需求。

相关内容

  • 没有找到相关文章

最新更新