jqueryui滑块与残疾地区？

我可以在jqueryui滑块中有活动和非活动区域吗？事情是这样的：jqueryui滑块与残疾地区？

enter image description here

这里，两个手柄不应滑动能够在白色区域。

我试图找到解决方案，但不能拿出任何。

编辑：

我需要这样的设计给定的时间间隔，其中时间间隔的一部分不能被选择之间进行选择的时间。

例如：我需要选择12:00 PM至6:00 PM之间的时间，但在1:00 PM至2:00 PM之间不允许选择。

来源

2014-12-18 Nikunj Madhogaria

我发现了一个使用简单CSS hack的解决方案，尽管它使用了多个滑块。

这里是我的代码：

HTML：

<div id="slider1" class="slider"></div> 
<div id="slider2" class="slider"></div> 
<div id="slider3" class="slider"></div>

CSS：

.slider { 
    display:inline-block; 
    float:left; 
    border-radius:0; 
} 
#slider1{ 
    width:50px; 
} 
#slider2{ 
    width:100px; 
    background:#ddd; 
    border-left:none; 
    border-right:none; 
} 
#slider2 a{ 
    display:none; 
} 
#slider3{ 
    width:75px; 
}

的jQuery：

$('.slider').slider();

这是working demo。

来源

2014-12-18 21:07:25

为什么你需要这样做？

这是不是一个更好的解决方案有两个单独的滑块？

您需要为我们提供更多信息，例如应用这些信息，因为据我所知您不能使用滑块的属性来完成此操作，但是您可能可以使用一些hackish JS做到这一点。

来源

2014-12-18 20:08:58

我已经添加了我需要这样的设计的问题。请检查 –

我会设置一个滑块，当您提交该值时，可以检查它是否在1:00 PM - 2:00 PM范围并提示用户选择不同的值。我不知道你将如何'禁用'这些值之间的滑块。 –

这对用户来说有点烦人，因为可能有多个这样的非活动区域。 –

jqueryui滑块与残疾地区？

回答

相关问题