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

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

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

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

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

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

三…

解决方法

尝试在jQuery UI( http://jqueryui.com/demos/slider/#event-slide)中使用’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;
        }
    }
});

原文地址：https://www.jb51.cc/jquery/177875.html