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" );