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:

https://jsfiddle.net/7wft437c/

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]; 

this fiddle


Comments

Popular posts from this blog

java - pagination of xlsx file to XSSFworkbook using apache POI -

Unlimited choices in BASH case statement -

apache - How do I stop my index.php being run twice for every user -