2016-11-17 4 views
-1
$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 200000, 
    step: 500, 
    values: [2500, 25000], 
    slide: function(event, ui) { 
    $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]); 
    } 
}); 
$("#amount").val("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1)); 

Как форматировать результат: $ 2500 - $ 20000значения слайдера Форматирование запятыми

+1

взгляните на [toLocaleString()] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString) – empiric

ответ

1

Вы можете обернуть $("#slider-range").slider("values", 0) в качестве параметра и передать его на функцию, которая будет принимать это значение и с помощью регулярного выраженияreplace() метод возвращает новую строку с согласованной схемой:

function ThousandSeparate(val) { 
    while (/(\d+)(\d{3})/.test(val.toString())){ 
     val = val.toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2'); 
    } 
    return val; 
} 

Проверить рабочий код: jsFiddle

+0

Это работает, когда страница загружается, но как только когда вы перемещаете ползунки, запятых больше нет. –

+1

Просто вызовите функцию ThousandSeparate в методе слайдов. Я обновил свой ответ, проверьте jsFiddle ссылку –

+0

Спасибо большое @t – user1555112

Смежные вопросы