完整日历 - 在没有活动时将文字添加到日期

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;
};

试试这个小提琴.

最好的祝福!
克日什托夫