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

Question

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

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

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

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

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

三...

Answer 1

尝试在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;
        }
    }
});