Javascript 圆形滑块-将更大的值设置为最小控制柄,反之亦然

Javascript 圆形滑块-将更大的值设置为最小控制柄,反之亦然,javascript,html,css,slider,round-slider,Javascript,Html,Css,Slider,Round Slider,这是我当前对roundslider(文档:)的实现。例如,我需要能够选择值。有什么想法吗 $("#round").roundSlider({ sliderType: "range", min: 1, max: 12, tooltipFormat: function(args) { var months = ["", "Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt

这是我当前对roundslider(文档:)的实现。例如,我需要能够选择值。有什么想法吗

$("#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


对于roundSlider 1.3版本,内部添加了一个属性“\u invertRange”,以允许反转范围选择。我希望,通过启用此属性,您可以达到您的要求

请检查以下演示,并更新其是否有助于您:


对于roundSlider 1.3版本,内部添加了一个属性“\u invertRange”,以允许反转范围选择。我希望,通过启用此属性,您可以达到您的要求

请检查以下演示,并更新其是否有助于您:


对于这个用例,它似乎没有完成。可以使用普通的jquery ui滑块来完成吗?因为我很确定你可以在这里使用相同的实现。哼,不,你不能,这是一个滑块,你可以选择最小值和最大值之间的范围,仅此而已。。。如果你的最小值是0,我们的最大值是10,那么你不能选择9到3这样的范围……我想你的代码工作得很好,这似乎不适合这个用例,可以使用普通的jquery ui滑块吗?因为我很确定你可以在这里使用相同的实现。哼,不,你不能,这是一个滑块,你可以选择最小值和最大值之间的范围,仅此而已。。。如果你的最小值是0,而我们的最大值是10,你不能选择9到3这样的范围…我想你的代码工作得很好,这正是我问题的解决方案,谢谢!这正是解决我问题的方法,谢谢!
<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">