События полного календаря не охватывают несколько дней

Я работал над веб-приложением, которому требуется календарь, который будет отображать события вместе с информацией о них. Я использую API полного календаря для обработки календаря за меня. Но каждый раз, когда у меня есть событие, которое длится несколько дней, календарь не отображает событие для каждого дня. Он будет показывать событие только в первый день, а затем снова в следующее воскресенье, что для меня не имеет смысла. Я знаю, что полный календарь поддерживает это, потому что я видел пример на их сайте, но я не знаю, что я делаю не так.

Вот как я инициализирую календарь и вставляю события

$(document).ready(function(){
  //initialize calendar
  $('#calendar').fullCalendar({
    //options and callbacks
    // your event source
    eventSources: [
      {
        events: [ // put the array in the `events` property
            {
                title  : 'event1',
                start  : '2016-01-15T23:59',
                end    : '2016-01-21T00:01',
                isMultipleDay: true
            }
        ],
        color: 'blue',     // an option!
        textColor: 'yellow', // an option!
        nextDayThreshold: "00:01"
      }
      // any other event sources...
    ]
  });
});


javascript events calendar fullcalendar days
person Ben    schedule 18.01.2016    source источник
comment
не могли бы вы предоставить ссылку на пример, который вы видели   -  person jkris    schedule 19.01.2016
comment
Вот рабочий пример fullcalendar.io   -  person Ben    schedule 19.01.2016
comment
где вы берете опцию isMultipleDay? Я не вижу этого в документации   -  person jkris    schedule 19.01.2016

Ответы (2)


arrow_upward
0
arrow_downward

В примерах, которые они играют, они опустили данные о часовом поясе.

Попробуйте следующее:

events: [{
 title  : 'event1',
 start  : '2016-01-15',
 end    : '2016-01-21',
}]
person jkris    schedule 19.01.2016

arrow_upward
0
arrow_downward

Итак, я понял, что один из файлов css, предоставленных полным api календаря, неверен, я не уверен, ссылался ли я не на тот файл, или если у файла, предоставленного мне, была проблема с ним. Но я просто использовал те же файлы, что и в рабочем примере, и это практически сработало.

Данные о часовом поясе по-прежнему необходимы, потому что дата окончания является исключительной, поэтому без времени событие будет короче на один день. Итак, этот код работает.

events: [{
   title  : 'event1',
   start  : '2016-01-15',
   end    : '2016-01-21T23:59:59'
}]
person Ben    schedule 19.01.2016