2011-12-14 54 views
0

我想使用JQuery UI滑块来允许用户选择24小时的时间。JQuery UI时间滑块导致某种mousedown错误

我使用的是从问题的代码:JQuery UI Slider for time

$(function() { 
$(".slider_start_time").slider({ 
    range: true, 
    min: 0, 
    max: 1440, 
    step: 15, 
    slide: function(e, ui) { 
     var hours = Math.floor(ui.value/60); 
     var minutes = ui.value - (hours * 60); 

     if(hours.length == 1) hours = '0' + hours; 
     if(minutes.length == 1) minutes = '0' + minutes; 

     $('#start_time_text').val(hours+':'+minutes); 
    } 
}); 
}); 

但我得到一个错误:b为null ???

试图拖动滑块时可能会出现某种mousedown错误?

任何帮助都会非常赞赏!谢谢!

+0

我在firefox中得到b是空错误。 Chrome提供未捕获的TypeError:无法读取null的属性'左' – kmb64 2011-12-14 21:01:20

回答

1

我在“b”上没有错误,这里是小提琴:http://jsfiddle.net/IrvinDominin/RYx54/。 你能提供更多的代码吗?

你需要使用什么样的滑块?

Range 

http://jqueryui.com/demos/slider/#range

随着范围,你可以捕捉值的范围有两个拖动手柄。手柄之间的空间填充了不同的背景颜色,以指示选择了这些值。

Max 

http://jqueryui.com/demos/slider/#rangemax

修正范围滑块的最大值,使得用户只能选择一个最小值。将范围选项设置为“最大”。

编辑:

两个选项有不同的设置和使用:http://jsfiddle.net/IrvinDominin/RYx54/1/ 正确的选择取决于您的需要。

+0

我拿出了范围选项,它开始工作完美!不知道为什么!我也使用hours.toString()。length而不是仅仅hours.length – kmb64 2011-12-14 22:11:42