jquery滑块,时间选择器和保留时间..

我正在使用jquery滑块来选择开始和结束时间这很好,但我需要添加限制。 基本上,我有一个可用的窗口,我需要消除。 所以在我的例子中: http : //madeeasyfor.me/stackoverflow/time_pick_test_1.html

(我已经评论了validationfunction,因此您可以看到滑块,代码具有所有脚本的绝对路径,因此可以随意获取本地使用的视图源转储)

我有一个24时钟。 使用动态生成的PHP脚本,我想添加各种预订时间..所以当用户尝试选择预订时间时,他们会收到错误(弹出,无论如何)。 现在,我很难编码我预订的时间。

我不能为我的生活似乎让滑块识别所选择的预订时间。

如果我不清楚任何事情,请问……一旦用户选择了一个时间,我就可以用PHP进行检查,但我希望用户立即知道。 (理想情况下,我想给幻灯片上色以标记预定的时间……但那是另一个问题… ;-p

三…

尝试在jQuery UI中使用’slide’事件( http://jqueryui.com/demos/slider/#event-slide )。 当用户滑动手柄时,将触发滑动事件。 在幻灯片事件中,您可以检查所选时间是否已预订,如果为true,则可以返回false。 当幻灯片事件返回false时,用户无法将句柄滑动到该点。

例如:这可以防止用户选择40到50之间的内容:

$('#slider').slider({ range: true, values: [17, 67], slide: function(event, ui) { if(ui.value > 40 && ui.value < 50){ return false; } } }); 

我不确定我的想法是否正确,但我想你不想让用户在滑块上选择特定时间?

我正在构建类似的东西:
http://www.supertext.ch/shop/werbebrief

它是德语版,尚未发布,但请查看我的javascript。 我在页面上。 用户可以选择时间范围,但不能选择中间的周末日期。

我没有使用jquery滑块,但是
http://blog.egorkhmelev.com/2010/03/jquery-slider-update/

如果您需要帮助,请查看并告诉我。