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

Question

这是我当前的圆形滑块实现（文档：http ://roundsliderui.com/ ）。例如，我需要能够选择 Nov-Mar 的值。有任何想法吗？

$("#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 ”以允许反转范围选择。我希望，通过启用此属性，您可以实现您的要求。

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

DEMO