Question

我在项目中实现fullcalendar，用户可以使用该日历选择未来的日期。有没有办法取消选定的日期？我尝试过$("#calendar").fullCalendar("unselect");，但它没有用。

var today = $('#calendar').fullCalendar('getDate');
$('#calendar').fullCalendar({
  defaultDate: today,
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month'
  },
  defaultView: 'month',
  events: [],
  selectable: true,
  select: function(start, end, jsEvent, view) {
    if (moment().diff(start, 'days') > 0) {
      $('#calendar').fullCalendar('unselect');
      // or display some sort of alert
      return false;
    }

    var date = $('#calendar').fullCalendar('getDate');

    $("#calendar").fullCalendar('addEventSource', [{
      start: start,
      end: end,
      rendering: 'background',
      block: true,
    }, ]);
    $("#calendar").fullCalendar("unselect");


  },
  selectOverlap: function(event) {
    return !event.block;
  }
});

Answer 1

function eventSource(){
  $("#calendar").fullCalendar('addEventSource', [{
      start: start,
      end: end,
      rendering: 'background',
      block: true,
    }, ]);
}
var today = $('#calendar').fullCalendar('getDate');
$('#calendar').fullCalendar({
  defaultDate: today,
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month'
  },
  defaultView: 'month',
  events: [],
  selectable: true,
  select: function(start, end, jsEvent, view) {
    if (moment().diff(start, 'days') > 0) {
      $('#calendar').fullCalendar('unselect');
      // or display some sort of alert
      return false;
    }
        eventSource();
    var date = $('#calendar').fullCalendar('getDate');
  },
  selectOverlap: function(event) {
    return !event.block;
  }
});

fullCalendar-如何取消选择所选日期

1 个答案: