Круглый ползунок - установите более высокое значение для мин-ручки и наоборот
Это моя текущая реализация круглого слайдера (документы: 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 ", позволяющее выбирать диапазон инвертирования. Я надеюсь, что, включив это свойство, вы сможете достичь ваших требований.
Пожалуйста, проверьте демонстрацию ниже и обновите, поможет ли это вам: