javascript - 如何在 Fullcalendar 上向 columnFormat 添加额外的 HTML

Question

我正在使用完整日历 basicWeek 并使用 columnFormat: 'dd D' 生成如下 html:

<th class="fc-day-header ui-widget-header fc-sat fc-future" data-date="2016-12-10">
 <span>Sa 10</span>
</th>

我想将此数据 Sa 和 10 设置为不同的颜色。所以我认为，最好的办法是更改标记。求专家建议。

想要点赞:

目前看起来像:

Answer 1

如评论中所述，它不是开箱即用的功能，但您可以尝试这样的操作:

var $calendar = $('#calendar').fullCalendar({
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,basicWeek,basicDay'
  },
  defaultView: 'basicWeek',
  dayRender: function(date, cell) {
    var today = new Date();
    var cellIndex = cell[0].cellIndex
    var h = cell.closest('table').find('th').eq(cellIndex);
    if (date.getDate() === today.getDate()) {
      h.html('<span class="c1">' + moment(date).format("ddd") + '</span>&nbsp;<span class="c2">' + moment(date).format("M/D") + '</span>');
    } else {
      h.addClass('c1');
    }
  }
});

http://jsfiddle.net/ogaydvos/