Question

我有一天有4个活动。

当我将eventLimit设置为3时，它会显示＆＃39; +2更多＆＃39;如预期的那样。

但是当你点击＆+ 39; + 2更多＆＃39;它只显示当应显示当天所有事件时已经可见的2个事件。

当我将eventLimit设置为4时，所有4个事件都显示正常。

当您点击“+2更多＆＃39; ????

时，如何显示所有4个事件？

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.css' />
<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.js'></script>
</head>
<body>
    <div id="calendar">
    </div>

<script>
  $('#calendar').fullCalendar(
  {editable: false,
   firstday: 1,
   eventLimit: 3,
   eventTextColor: 'white',
  events:[ 
    {
      title: 'Multi day event 1',
      start: '2014-11-09',
      end:   '2014-11-16'
    },
    {
      title: '1 Day event 1',
      start: '2014-11-12',
      end:   '2014-11-12'
    },
    {
      title: '1 Day Event 2',
      start: '2014-11-12',
      end:   '2014-11-12'
    },
    {
      title: '2 Day event',
      start: '2014-11-12',
      end:   '2014-11-14'
    } 

]}
);
  </script>


</body>
</html>

Answer 1

您的events数组存在问题，特别是那些没有出现在popover上的问题（ 1日活动1 和 1日活动2 ）。

根据您的描述，我假设这些将是全天活动。如果是这种情况，您应该按以下方式定义事件（删除end选项并添加allDay: true）：

{
    title: '1 Day event 1',
    allDay: true,
    start: '2014-11-12'
}, 
{
    title: '1 Day Event 2',
    allDay: true,
    start: '2014-11-12'
},

如果事件不应该是全天，那么你必须定义时间部分，如下：

{
    title: '1 Day event 1',
    start: '2014-11-12T12:00:00',
    end:   '2014-11-12T16:00:00'
},
{
    title: '1 Day Event 2',
    start: '2014-11-12T18:00:00',
    end:   '2014-11-12T20:00:00'
},

检查this jsfiddle，我在这里用我在这里提出的选项更改了这些事件。

fullcalendar'+ more'链接未按预期显示当天的所有事件

1 个答案: