2016-04-06 2 views
1

В моем экземпляре fullcalendar (2.6.1) Я хочу, чтобы пользователь не мог выбрать событие за несколько дней. Я смотрел документацию, но я не могу найти способ отключить это поведение. Моя конфигурация выглядит так.Fullcalendar предотвращает выбор на следующий день

$('#calendar').fullCalendar({ 

    // General display 
    header: false, 
    weekends: true, 
    height: $('#container').height(), 

    // Views 
    defaultView: 'agendaWeek', 

    // Selection 
    selectable: true, 
    selectHelper: true, 

    // Text/Time Customization 
    lang: 'nl', 
    columnFormat: { 
     day: 'D dddd', 
     week: 'D dddd' 
    }, 

    // Agenda options 
    minTime: '07:30:00', 
    maxTime: '18:30:00', 
    allDaySlot: false, 
    slotDuration: '00:30:00', 
    slotEventOverlap: false, 
    snapDuration: '00:15:00', 
    slotLabelFormat: 'H.mm', 
    slotLabelInterval: "00:30:00", 

    // Event data 
    allDayDefault: false, 

    // Event Dragging & Resizing 
    editable: true, 
    dragOpacity: 1, 
    eventConstraint: { 
     start: '07:30:00', 
     end: '18:30:00' 
    }, 


}); 

Я надеялся, что minTime и maxTime будет делать трюк, но, видимо, нет.

Как бы я мог добиться этого?

Заранее благодарен!

EDIT: Я нашел способ, чтобы предотвратить отрисовку события со следующим обратным вызовом:

// Callbacks 
select: function(start, end, jsEvent, view) { 
    // If the selection spans multiple day 
    if (! end.isAfter(start, 'day')) { 
     window.calendar.fullCalendar('renderEvent', { 
      start: start, 
      end: end, 
      allDay: false 
     }, true); 
    } 

    $('#calendar').fullCalendar('unselect'); 
} 

Однако, это не мешает вам перетащить выделение на следующий день все вместе.

+0

Это была большая помощь для меня, спасибо! –

ответ

1

selectConstraint поможет предотвратить перетаскивание на другую дату. Ниже приведен пример, на который вы можете обратиться.

$ ('# календарь') fullCalendar ({ заголовок:. { слева: 'название', центр: '', право: '' }, события: события, selectConstraint : {// Это остановит перетаскивание в течение нескольких дней. начало: '00: 01 ', конец: '23: 59', } });

Я имею в виду версию FullCalendar v2.8.0.

Смежные вопросы