javascript - Working with basic jQuery slider -
as title says, i'm trying add simple slider on .html page.
this code:
$(document).ready(function() { // slider $("#slider-range").slider({ range: true, min: 0, max: 23, values: [0, 23], step: 1, slide: slidetime }); }); function slidetime(event, ui) { var val0 = $("#slider-range").slider("values", 0), val1 = $("#slider-range").slider("values", 1); var text = ""; if (val0 < 12) text += val0 + "am - "; else text += val0 + "pm - "; console.log(val0); console.log(val1); if (val1 < 12) text += val1 + "am"; else text += val1 + "pm"; $("#time").text(text); } the problem i'm facing range should 0 23. however, when use slider, lower bound goes 1, 0, 1 again... upper bound seems go 22 23 22 again...
i'm not sure why happens.
here can found minimal example:
instead of
var val0 = $("#slider-range").slider("values", 0), val1 = $("#slider-range").slider("values", 1); get values in way
var val0 = ui.values[0], val1 = ui.values[1];
Comments
Post a Comment