2016-01-18 2 views
3

Я работаю над веб-приложением, для которого требуется календарь, который будет отображать события вместе с информацией о них. Я использую full calendar 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... 
    ] 
    }); 
}); 

+0

вы можете предоставить ссылку на примере вы видели – jkris

+0

Вот рабочий пример http://fullcalendar.io/ – bCubed

+0

, где вы получаете 'вариант isMultipleDay'? Я не вижу его в документах – jkris

ответ

0

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

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

events: [{ 
title : 'event1', 
start : '2016-01-15', 
end : '2016-01-21', 
}] 
0

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

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

events: [{ 
    title : 'event1', 
    start : '2016-01-15', 
    end : '2016-01-21T23:59:59' 
}] 
Смежные вопросы