Question

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

如何格式化结果：$ 2,500 - $ 20,000

Answer 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

使用逗号格式化滑块值

1 个答案: