jquery ui slider value with dot

Question

I want the output of my slider seperate thousands with dot

$(function() {
    var s = $( "#sliderRange" ).slider({
        range: "min",
        value: 200000,
        min: 0,
        max: 600000,
        step: 5000,
        slide: function( event, ui ) {
            $( "#amount" ).val(  ui.value + "kr" );

        }
    });

    $('#up').click(function() {
        s.slider('value', s.slider('value') + s.slider( "option", "step" ) );   
        $( "#amount" ).val( $( "#sliderRange" ).slider( "value" ) + "kr"  );
    });

    $('#down').click(function() {
        s.slider('value', s.slider('value') - s.slider( "option", "step" ) );   
        $( "#amount" ).val( $( "#sliderRange" ).slider( "value" ) + "kr"  );
    });


});

Now output is e.g. 300000kr but I want output like this 300.000kr

check this one http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript — Tun Zarni Kyaw, Jan 31 '14 at 09:45
Thank you I find the solution with plugin http://jquerypriceformat.com/ — user3046428, Jan 31 '14 at 09:52

score 0 · Answer 1 · answered Jan 31 '14 at 09:55

I hope his one will be the easiest solution for you. Create a function which insert the dots

function numberWithDots(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}

And change one of your jQuery codes like this

$( "#amount" ).val(  numberWithDots(ui.value) + "kr" );

jquery ui slider value with dot

1 Answers1