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

Posted 2023-05-09

【中文标题】jQuery Round Slider 将速记值添加到范围

【英文标题】：jQuery Round Slider add shorthand values to range

【发布时间】：2017-01-20 15:46:06

【问题描述】：

我在滑块类型为范围的应用程序中使用Round Slider。我的范围从 0 到 2 百万不等。我有一个要求，如果值在1000以上，应该表示为1k（1200为1.2k），如果值在1000000以上，则应表示为1M（1200000为1.2M）。到目前为止，我还没有找到方法。

如果有办法做到这一点？

提前致谢

【参考方案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/