jQuery 圆形滑块将 shorthand 值添加到范围

Question

我在滑块类型为范围的应用程序中使用 Round Slider。我的范围从 0 到 2 百万不等。我有一个要求，如果值在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/

jQuery 圆形滑块将 shorthand 值添加到范围

jQuery Round Slider add shorthand values to range

javascript

jquery

slider

jquery-plugins

round-slider