Увеличьте площадь щелчков по щелкающим полям за событием Fullcalendar

В недельном представлении Fullcalendar.js есть небольшое пространство справа от самого правого события (в каждый день/перекрытие), так что слоты, которые это событие занимает, могут оставаться кликабельными. Однако по умолчанию пространство довольно мало. Мне нужно сделать это больше.Увеличьте площадь щелчков по щелкающим полям за событием Fullcalendar

Я проверил каждый элемент таблицы, который соответствует Fullcalendar (в настоящее время используется версия 2.5.0), но я не могу найти место, где установлена ширина этого пространства. Я начинаю думать, что он рассчитан по ширине событий, но я не уверен.

Есть ли способ увеличить это пространство в режиме просмотра недели?

EDIT:

только при условии, ответ не работает надлежащим образом, поскольку он добавляет некоторое пространство справа от ВСЕХ перекрывающихся событий (Если два или более событий перекрываются, то пространство добавлено между пересекающимися событиями, а не только в крайнем правом случае, по желанию.)

источник

2016-02-23 Lorenzo Peña

Вы говорите о '' правильной 'неделе'? потому что в представлении 'day' все события растянуты. В режиме «неделя» ширина разделяется между будними днями (с воскресенья по субботу). вы не можете сделать событие больше ширины, потому что это по существу заставляет его появляться и на следующий день, и я не уверен, что вы хотите это сделать. Если вы попытаетесь увеличить ширину столбца каждый день, это может привести к несогласованности с другими днями или сделать fullCalendar горизонтальной полосой прокрутки ... так что, возможно, расскажите нам больше о своем ЖЕЛАЕМОМ поведении и, возможно, скриншоте о том, как это должно быть. – Aziz

@Aziz Извините, я думал, что картина достаточно прояснилась. Справа от события 9-9.30 есть небольшое пространство, поэтому я могу щелкнуть слот 9-9.15 или слот 9.15-9.30. Мне нужно сделать это пространство больше, только в режиме недели (дневной просмотр имеет приемлемое пространство для щелчка по слоту) –

По-видимому, на данный момент решения нет. Я предложил нечто подобное, если кому-то это понадобится.

https://github.com/fullcalendar/fullcalendar/issues/3090

источник

2017-01-04 16:02:34

Попробуйте один

eventAfterRender: function(event, element, view) { 
    var width = $(element).width(); 
    width = width - (width/3); // Less whatever you want 
    // Set the new width 
    $(element).css('width', width + 'px'); 
}

Это работает для меня.

источник

2016-02-23 14:19:02

Я просто хочу увеличить пространство самого правого события, не увеличивает ли это пространство всех событий (рассмотрим случай двух или более перекрывающихся событий)? –

Спасибо в любом случае, но это не то, что я ищу. –

Увеличьте площадь щелчков по щелкающим полям за событием Fullcalendar

ответ

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