用于预订房间的可调整大小的jQuery

时间:2012-02-01 09:45:41

标签: jquery calendar resizable

我正在查看可调整大小的jQuery UI元素:http://jqueryui.com/demos/resizable/#snap-to-grid

我有一个预订位置网格 - 即。左下方的一周中的几天,以及跨越顶部的一天中的几小时 - 所有这些都被安排为单独的DIV进入网格。

我希望能够做的是,有人点击一个开放的插槽(或小时)来预订那个时间 - 但是,如果在点击之前或之后有时间可用,请允许此人调整他们的大小小时预订到下一个小时,但不允许它与当天已经存在的插槽重叠。

是否有人知道任何显示如何执行此操作的示例?

感谢您的任何指示

1 个答案:

答案 0 :(得分:0)

经过长时间的搜索,实际上有一些解决方案:

此页面是您在Stack Overflow中获得的最佳主题:Adding a Resource View/Gannt chart to 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