Question

我正在尝试使用JQuery UI滑块来允许用户选择24小时。

$(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错误？

任何帮助都会非常感激！谢谢！

Answer 1

我对“b”没有错误，这是一个小提琴：http://jsfiddle.net/IrvinDominin/RYx54/。你能提供更多代码吗？

您需要使用哪种滑块？

Range

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

使用范围，您可以使用两个拖动控制柄捕获一系列值。手柄之间的空间用不同的背景颜色填充，以指示选择了这些值。

Max

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

修复范围滑块的最大值，以便用户只能选择最小值。将范围选项设置为“max。”

编辑：

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

JQuery UI时间滑块导致某种mousedown错误

1 个答案: