jQuery Round Slider将速记值添加到范围

Question

我在我的应用程序中使用Round Slider，其中滑块类型是范围。我的范围从0到200万不等。我有一个要求，如果值大于1000，它应该表示为1k（1200为1.2k），如果值大于1000000，则应表示为1M（1200000为1.2M）。到目前为止，我找不到办法做到这一点。

如果有办法做到这一点？

提前致谢

Answer 1

您可以使用tooltipFormat属性来实现此行为

HTML

<div id="slider"></div>

JS

window.formatter = function(e) {
  if (e.value >= 1000000) {
    return Math.round(e.value / 100000) / 10 + "M";
  }
  if (e.value >= 1000) {
    return Math.round(e.value / 100) / 10 + "k";
  }
  return e.value;
}

$("#slider").roundSlider({
  sliderType: "min-range",
  value: 45,
  max: 2000000,
  tooltipFormat: "formatter"
});

http://jsfiddle.net/osjo/4g5r0mex/4/