이처럼 보이는 나올 내가 nouislider (<a href="http://refreshless.com/nouislider/" rel="nofollow">http://refreshless.com/nouislider/</a>)를 사용하고 NoUISlider

Question

에 Curreny 형식을 추가하지만, 내가 뭘하려고 슬라이더에서 출력 된 값을 가질 수 있습니다 :

£ 3,500

보다는 :

3500

지금까지 내 코드는 다음과 같다 :

<script> 
    var slider = $('#sample-update-slider'); 
    slider.noUiSlider({ 
     range: [250, 75000], 
     start: 11500, 
     handles: 1, 
     margin: 2, 
     step: 250, 
     serialization: { 
      to: [$('#value'), 'text'], 
      resolution: 1 
     }  
    }); 
</script> 

누이 라이더에 익숙한 사용자라면 값이 ID 인 스팬에 값이 출력됩니다.

누군가 도움을 줄 수 있기를 바랍니다.

감사

데이브

, 나는 nouislider의 개발자의 도움으로 그것의 응답 부분이이 질문에 보았다 사람 주셔서 감사합니다,하지만 그는 여태 때문에 바쁜 사람이 될 것 같다 나에게 완전한 답을주지 않았다.

지금까지 나는 다음과 같은 스크립트를 사용하여 번호로 통화를 추가 할 수 있었다 :

var slider = $('#totaldebt'); 

slider.noUiSlider({ 
range: [250, 75000] 
,start: 14500 
,handles: 1 
,margin: 2 
,step: 250 
,serialization: { 
to: function(value) { 
var value = "£" + value; 
$('#totaldebt-value').text(value); 
} ,resolution: 1 

} 

}); 

출력에 통화를 추가하는 코드는 다음과 같습니다

to: function(value) { 
var value = "£" + value; 
$('#totaldebt-value').text(value); 
} 

내 다른 문제 쉼표로 1000보다 큰 숫자를 분리하므로 1,000이 1,000이됩니다.

덕분에 내 스크립트에이 기능을 사용하는 모든

Answer 1

:

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

그럼 내 nouislider 코드 :

$slider.noUiSlider({ 
range: [80000,1000000], 
start: [250000], 
step: [sliderStep], 
connect: "lower", 
handles: 1, 
serialization: { 
    to: function(value){ 

    value = "£" + numberWithCommas(value);  
    $("#value").val(value); 

    } 
} 
}); 

을