Блог

Я в основном выполнил:

 $(document).ready(function() {

    $('#calendar').fullCalendar({
        defaultView: 'agendaWeek',
        firstDay:1,
        allDaySlot:false,
        axisFormat: 'h(:mm)tt',
        slotMinutes: 15,
        defaultEventMinutes:45,
  

итак, моя левая сторона показывает время в 15-минутных интервалах.

Проблема в том, что я настроил событие на запуск с 10: 00 утра до 10: 45, и оно показывает событие, но кажется, что событие заканчивается в 10: 30.

Я добавил скриншот, событие с левой стороны задано в формате json, например:

 array(
        'id' => 333,
        'title' => "John",
        'start' => "May 5 2011 10:00:00",
        'end' => "May 5 2011 10:45:00",
        'url' => "http://yahoo.com/",
        'allDay'=> false,
        'color' => 'red',   // an option!
        'textColor'=> 'black' // an option!
    ),
  

и если вы посмотрите на скриншот,

я добавил светло-голубой фон там, где, по моему мнению, событие должно закончиться, в интервале 10: 45. Есть предложения?

Я думаю, вы неправильно это читаете. Если вы заметили, ваше событие занимает три интервала (10, 10: 15: и 10:30). Это заканчивается там, где начинается интервал в 10: 45. Если у вас было новое событие, которое возникло после вашего первого события, вы бы хотели, чтобы оно началось в 10: 45. Следовательно, это займет слот 10: 45 точно так же, как ваш первый дубль занимает слот 10, потому что он начался в 10.