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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/177875.html

猜你在找的jQuery相关文章