如何在完整的日历年视图中不重复显示事件

时间:2019-11-08 14:44:21

标签: javascript jquery html css fullcalendar

我通过参考以下内容尝试了全日历年视图。

http://embed.plnkr.co/xhahIV/

我可以看到这样的年度日历。但我想知道某些事件是以重复的方式显示的。例如3月1日的活动重复了。

我想知道消除属于下个月的一天的方法。

如果有人有想法,请告诉我。

谢谢

// Code goes here
$(document).ready(function() {

  // page is now ready, initialize the calendar...

  var calendar = $('#calendar').fullCalendar({
    // put your options and callbacks here
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'year,month,basicWeek,basicDay'

    },
    timezone: 'local',
    height: "auto",
    selectable: true,
    dragabble: true,
    defaultView: 'year',
    yearColumns: 6,
    contentHeight: 600,

    durationEditable: true,
    bootstrap: false,
    showNonCurrentDates: false,
    fixedWeekCount: false,

    events: [{
      title: "Some event",
      start: new Date('2017-1-10'),
      end: new Date('2017-1-20'),
      id: 1,
      allDay: true,
      editable: true,
      eventDurationEditable: true,
    }, ],
    select: function(start, end, allDay) {
      var title = prompt('Event Title:',"hospitalization");
      if (title) {
        var event = {
          title: title,
          start: start.clone(),
          end: end.clone(),
          allDay: true,
          editable: true,
          eventDurationEditable: true,
          eventStartEditable: true,
          color: 'aqua',
        };


        calendar.fullCalendar('renderEvent', event, true);
      }
    },
  })
});

我尝试了showNonCurrentDates选项,结果如下所示。看来此选项仅适用于1月。

enter image description here

0 个答案:

没有答案