如何使用全日歷在單元格中設置星期幾和月份名稱

Question

我正在為我的項目使用插件fullcalendar，但是我有一個問題，無法在單元格中顯示星期幾和月份名稱。 我怎么解決這個問題？

我期望的結果是：

$('.js-fullcalendar').fullCalendar({
    header: {
        right: 'today',
        center: 'prev, title, next',
        left: ''
    },
    navLinks: true,
    editable: true,
    eventLimit: true,
    events: exhibitionList,
    eventColor: '#3279b7',
    columnFormat: 'dddd',
    eventRender: function (event, element) {
        if (event.logo) {
            element.find(".fc-title").prepend("<img class='fcalen__img' src=" + event.logo + ">").append("<span class='fcalen__city'>" + event.city + "</span>");
        }
    }
});

Answer 1

我找到了解決方案：

$('.js-fullcalendar').fullCalendar({
  header: {
    right: 'today',
    center: 'prev, title, next',
    left: ''
  },
  navLinks: true,
  editable: true,
  eventLimit: true,
  events: exhibitionList,
  eventColor: '#3279b7',
  columnFormat: 'dddd',
  dayRender: function(date, cell) {
    var weekDay = date.format("dddd");
    var month = date.format("MMMM");
    var day = date.format("D");
    cell.html("<span class='fcalen__week-day'>" + weekDay + "</span>" + "<br>" + "<div class='fcalen__month-name'>" + day + "  " + month + "</div>");
  },
  eventRender: function(event, element) {
    element.find(".fc-title").prepend("<img class='fcalen__img' src=" + event.logo + ">").append("<span> / <span><span class='fcalen__city'>" + event.country + " " + event.city + "</span>");
  }
});