javascript - 如何获取双数字范围选择器的选定值

Question

我在我的 php 项目中使用此范围选择器，因此数据库中存储了 0 到 100 之间的选定范围值。

当页面加载时，我将在范围选择器中设置数据库值，并在提交按钮后将所选范围保存在数据库中 0 到 100

如何在范围选择器中获取和设置范围值。

html

<div class="wrapper" style="width: 400px; margin: 100px auto; padding: 40px;">
  <div id="double_number_range" style="margin-top: 50px;"></div>
  <input type="submit">
</div>

js

(function() {
  "use strict";
  $("#double_number_range").rangepicker({
    type: "double",
    startValue: 0,
    endValue: 100,
    translateSelectLabel: function(currentPosition, totalPosition) {
      return parseInt(100 * (currentPosition / totalPosition));
    }
  });
}());

fiddle

Answer 1

可能会有更好的解决方案，例如使用回调函数，但您也可以使用以下代码:

$("input[type=submit]").on('click', function() {
  var minValue = parseInt($('span.label.select-label:eq(1)').text(), 10);
  var maxValue = parseInt($('span.label.select-label:eq(0)').text(), 10);
  console.log(minValue, maxValue);
});

jsfiddle