如何在全日历中仅限制一个事件

时间:2018-11-06 15:10:16

标签: jquery

嗨,在我的应用程序中,我使用的是完整的日历库。我想在每个日期仅显示一个事件,如果另一个事件在同一日期出现,则首先显示。我不想在同一场表演第二场比赛。我尝试过,但是我没有得到帮助,请帮我怎么做?

这是我的代码

$(document).ready(function() {

  $('#calendar').fullCalendar({
    locale: 'india',
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,basicWeek,basicDay'
    },
    defaultDate: '2018-03-12',
    navLinks: true, // can click day/week names to navigate views
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    events: [{
        title: 'All Day Event',
        start: '2018-03-01'
      },
      {
        title: 'Long Event',
        start: '2018-03-07'

      },
      {
        id: 999,
        title: 'Repeating Event',
        start: '2018-03-09'
      },
      {
        id: 999,
        title: 'Repeating Event',
        start: '2018-03-09'
      }

    ]
  });

});

console.log()
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.css" />
<div id="calendar"></div>

在上述活动中,2018-03-09这个日期有两个活动,但我想     仅显示第一个事件,我不想在该日期显示第二个事件。     像这样的所有日期,我只想显示第一个事件。请帮助我该怎么做?

0 个答案:

没有答案