fullcalendar - フルカレンダー - イベントがない日にテキストを追加

Question

その日のイベントが見つからない場合、カレンダー全体に背景テキストを追加することは可能でしょうか?助けが必要です

例えば

Answer 1

ただのアイデア：

$('#calendar').fullCalendar({

  defaultView: 'month',
  events: [{
    title: 'event',
    start: '2017-01-05 11:00',
    end: '2017-01-06 13:00',
  }, {
    title: 'event 2',
    start: '2017-01-18'
  }],
  dayRender: function(date, cell) {
    cell.append('<div class="unavailable">Unavailable</div>');
  },
  eventAfterAllRender: function(view) {
    var dayEvents = $('#calendar').fullCalendar('clientEvents', function(event) {
      if (event.end) {
        var dates = getDates(event.start, event.end);
        $.each(dates, function(index, value) {
          var td = $('td.fc-day[data-date="' + value + '"]');
          td.find('div:first').remove();
        });
      } else {
        var td = $('td.fc-day[data-date="' + event.start.format('YYYY-MM-DD') + '"]');
        td.find('div:first').remove();
      }
    });
  }
});

function getDates(startDate, endDate) {
  var now = startDate,
    dates = [];

  while (now.format('YYYY-MM-DD') <= endDate.format('YYYY-MM-DD')) {
    dates.push(now.format('YYYY-MM-DD'));
    now.add('days', 1);
  }
  return dates;
};

このフィドルを試してください。