如何从FullCalendar设置日期范围?

时间:2017-06-07 11:17:06

标签: jquery fullcalendar

我正在使用FullCalendar,因为我希望功能选择一个日期,并且应该自动选择一些日期(我想要的是日期而不是事件)。

由于一些冲突问题,我无法使用jQuery UI。所以我使用了FullCalendar并希望获得该功能。 Ao可以任何人给我任何建议怎么做?

我想要使用FullCalendar的功能类似于[jsfiddle](http://jsfiddle.net/t6y8bucx/)

1 个答案:

答案 0 :(得分:1)

您可以使用以下fullcalendar js选择并突出显示多个日期

  var date = new Date();
  var d = date.getDate(),
      m = date.getMonth(),
      y = date.getFullYear();
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    },
    buttonText: {
      today: 'today',
      month: 'month',
      week: 'week',
      day: 'day'
    },
    events: eventsscript,
    selectable: true,
    selectHelper: true,


select: function (start, end, jsEvent, view) {
      $("#calendar").fullCalendar('addEventSource', [{
          start: start,
          end: end,
          rendering: 'background',
          block: true,
      }, ]);
      $("#calendar").fullCalendar("unselect");
    },
    selectOverlap: function(event) {
        return ! event.block;
    }