Изменение размера jQuery для бронирования номеров

Question

Я смотрю на изменяемый размер элемента пользовательского интерфейса jQuery: http://jqueryui.com/demos/resizable/#snap-to-grid

У меня есть сетка мест для бронирования - т.е.дни недели внизу слева и часы дня сверху вниз - все они расположены в виде отдельных DIV в сетке.

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

Кто-нибудь знает какие-либо примеры, показывающие, как это сделать?

Спасибо за любые указатели

Answer 1

После долгих поисков на самом деле есть несколько решений:

Эта страница - лучшее, что вы можете получить по теме в переполнении стека: Добавление диаграммы ресурсов / диаграммы Ганна в jQuery Fullcalendar

Существует несколько вилок fullCalendar с представлением ресурсов, которое будет делать то, что вы (и я) ищете:

https://github.com/benbruscella/fullcalendar

https://github.com/ikelin/fullcalendar

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

http://tux.fi/~jarnok/fullcalendar-resourceviews/

Фактически, вот список всех форков github fullCalendar: http://forked.yannick.io/arshaw/fullcalendar