jQuery UI滑块值带点

Question

我希望滑块的输出用点分隔数千

$(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"  );
    });


});

现在输出是例如300000kr，但是我想要这样的输出300.000kr

Answer 1

我希望他将是您最简单的解决方案。 创建一个插入点的函数

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

并像这样更改您的jQuery代码之一

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