圆形滑块 - 为最小手柄设置更高的值，反之亦然

Question

这是我当前的 roundslider 实现（文档：http://roundsliderui.com/）。例如，我需要能够选择 11 月至 3 月的值。有什么想法吗？

$("#round").roundSlider({
  sliderType: "range",
  min: 1,
  max: 12,
  tooltipFormat: function(args) {
    var months = ["", "Jan", "Feb", "Mar",
      "Apr", "Maj", "Jun", "Jul",
      "Aug", "Sep", "Okt",
      "Nov", "Dec"
    ];
    return months[args.value];
  },
});

HTML

<div id="round" class="rslider"></div>

脚本

<script src="https://code.jquery.com/jquery-2.1.1.js"></script>  
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>  
<script src="https://cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.js"></script>

CSS

<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/flick/jquery-ui.css">  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.roundslider/1.0/roundslider.min.css">

Answer 1

随着roundSlider 1.3版本，有一个属性 "_invertRange" 内部添加以允许反转范围选择。我希望，通过启用这个属性你可以达到你的要求。

请检查下面的演示，并更新是否对您有帮助：

圆形滑块 - 为最小手柄设置更高的值，反之亦然

Round Slider - set a higher value to the min-handle and vice versa

html

javascript

css

slider

round-slider

`DEMO`