Круглый ползунок - установите более высокое значение для мин-ручки и наоборот

Это моя текущая реализация круглого слайдера (документы: http://roundsliderui.com/). Я должен быть в состоянии выбрать значения ноябрьского марта, например. Есть идеи?

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

1 ответ

Решение

В версии roundSlider 1.3 добавлено внутреннее свойство " _invertRange ", позволяющее выбирать диапазон инвертирования. Я надеюсь, что, включив это свойство, вы сможете достичь ваших требований.

Пожалуйста, проверьте демонстрацию ниже и обновите, поможет ли это вам:

DEMO

Другие вопросы по тегам