Как разрешить выбирать продолжительность только 1,5 часа в полном календареCSS

Разбираемся в CSS
Ответить
Anonymous
 Как разрешить выбирать продолжительность только 1,5 часа в полном календаре

Сообщение Anonymous »

В Fullcalender есть 15-минутные интервалы:
javascript:

Код: Выделить всё

document.addEventListener('DOMContentLoaded', function() {
const calOpts = {
locale: 'ee',
slotDuration: '00:15:00',
slotLabelInterval: '00:15',
allDaySlot: false,
selectConstraint: 'businessHours',
select : function( selectionInfo  ) {
document.getElementById('start').value = selectionInfo.start
},
selectable: true,
events: { url: 'api/fullcalendar' }
}
const calendarEl = document.getElementById('calendar')
calendar = new FullCalendar.Calendar(calendarEl, calOpts)
calendar.render()
})
html: Выбираемая продолжительность события составляет 1,5 часа и происходит в тот же день. Используя этот код, пользователь может выбрать время начала так, чтобы до следующего события или конца дня оставалось менее 1,5 часов.
Также он может выбрать событие, перетащив его на время больше или меньше 1,5 часов.
Как отключить такой выбор, чтобы пользователь мог выбирать только 1,5-часовое событие в зоне свободного времени?
Бета-версия Fullcalendar 7 используется в ASP.NET 9 MVC просмотреть.

Подробнее здесь: https://stackoverflow.com/questions/793 ... llcalendar
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»