可调整大小的jQuery预订房间 [英] Resizable jQuery for booking rooms

问题描述

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

I'm looking at the resizable jQuery UI element: http://jqueryui.com/demos/resizable/#snap-to-grid

我有一个网格的预订槽 -

I have a grid of booking slots - ie. days of week down the left, and hours of the day across the top - all arranged as individual DIVs into a grid.

我想要做的是，我们希望能够做到的是： ，有人点击一个空位（或小时）来预订时间 - 然而，如果在点击的时间之前或之后有时间可用，则允许该人将他们的小时预订调整到下一个小时，但不允许它

What I would like to be able to do is, someone click on an open slot (or hour) to book that time - however, if there is time available before or after the hour clicked on, allow the person to resize their hour booking to the next hour, but not to allow it to overlap an already existing slot on that day.

有没有人知道任何显示此操作的示例？

Does anyone know of any examples that show how to do this?

感谢任何指针

推荐答案

经过长时间的搜索，实际上有几个解决方案：

After a long search there are actually a few solutions:

此页面是Stack Overflow中最好的主题：将资源视图/ Gannt图表添加到jQuery Fullcalendar

This page is the best you can get on the topic in Stack Overflow: Adding a Resource View/Gannt chart to jQuery Fullcalendar

有一些fullCalendar forks包含资源视图做你和我正在寻找的东西：

There are a few fullCalendar forks that include a resource view that will do what you (and I) are looking for:

https ：//github.com/benbruscella/fullcalendar

https://github.com/ikelin/fullcalendar

但这一个是最通用的，我相信，因为它将提供日，周和月的资源视图，而其他两个仅提供一天（至少根据我的快速评估）：

But this one is the most versatile, I believe, because it will provide a resource view for day, week, and month whereas the other two only provide for the day (at least as per my quick evaluation):

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

事实上，这里是所有github fullCalendar分支的列表：
http://forked.yannick.io/arshaw/fullcalendar

In fact, here is a list of all the github fullCalendar forks: http://forked.yannick.io/arshaw/fullcalendar

这篇关于可调整大小的jQuery预订房间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！