FullCalendar月视图 - 一周隐藏日期数字(2周取消隐藏)

时间:2016-04-26 19:44:32

标签: fullcalendar

版本:2.4.0

CGBitmapContext

上面的代码隐藏了位于每个单元格右上角的月份日编号。如果您将周更改为2(周:2),则会在右上角显示日期编号。我想显示1周的日期编号。

1 个答案:

答案 0 :(得分:1)

与我在月视图中尽可能在日期行中放置一个图标有同样的问题。

通过更新weekNumbers选项设置为true时创建的行中的单元格找到解决方案。这是在viewRender回调中完成的。

viewRender: function () {
  // add the day date to the empty cells of the week number row
  var i = 0;
  var viewStart = $('#calendar').fullCalendar('getView').intervalStart;
  $("#calendar").find('.fc-content-skeleton thead td:not(:nth-child(1))').empty().each( function(){
    $(this).append(moment(viewStart).add(i, 'days').format("D"));
    i = i + 1;
  });
},

然后设置样式以匹配月视图

.fc-content-skeleton thead td {
  text-align: right;
  padding-right: 5px;
  padding-top:2px;
}
.fc-week-number {
  color: #bfbfbf;
}

作为此Fiddle工作的示例  (也在使用moment.js库。)