JQuery Slider not passing tenths value

Question

I have a JQuery slider that's working pretty well, but for some reason it's not passing the tenths value.

$(document).ready(function(){
     $("#scoreSlider").slider({
      'steps': 40,
      'min': 1.0, 
      'max': 5.0,
      'startValue': 3, 
      'slide': function(e, ui){ 
       document.getElementById('div_score').innerHTML = ui.value;
      }
     });        
});

It appears that there are the right number of clicks on the slider, but the passed value only has the whole number.

Any ideas.

Answer 1

According to the documentation for Slider,

ui.value: Integer - the current handle's value

Why don't you change your code to this:

$(document).ready(function(){
    $("#scoreSlider").slider({
            'steps': 40,
            'min': 10, 
            'max': 50,
            'startValue': 30, 
            'slide': function(e, ui){ 
                    document.getElementById('div_score').innerHTML = ui.value/10.0;
            }
    });        
});

It seems to produce the decimal values that you desire.

Answer 2

This was very helpful. In my case I'm dealing with minutes. Using the code above, how would I add a zero before a whole number (1-9) so I would get: 00 01 02 03, etc..