如何获得双数范围选择器的选定值

时间:2016-07-30 14:58:15

标签: javascript jquery jquery-plugins

我正在为我的php项目使用此范围选择器,因此存储在数据库中的所选范围的值介于0到100之间。

当页面加载比我在范围选择器中设置该数据库值时,在提交按钮之后我将在我的数据库中保存0到100之间的选定范围

我如何得到&在rangepicker中设置范围值。

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

1 个答案:

答案 0 :(得分: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