Twitter Bootstrap Slider默认值

时间:2014-04-08 20:04:20

标签: jquery python twitter-bootstrap bottle

我正在使用this library作为Bootstrap Sliders。

以下是我表单上的输入

<div class="form-group">
  <label for="weeks" class="col-md-3 control-label">Weeks</label>
  <input name='weeks' id="weeks" data-slider-id='ex1Slider' type="int" data-slider-min="0" data-slider-max="4" data-slider-step="1" data-slider-value="{{weeks}}"/>
</div>

以下是Python Bottle中的代码:

return bottle.template("weeks.html",weeks=0)

以及我如何处理帖子:

weeks = bottle.request.forms.get("weeks")

这是Javascript:

<script>
   $('#weeks').slider({
      formater: function(value) {
      return 'Current value: ' + value;
      }
    });
</script>

当页面加载时,我将变量周设为0.如果我移动滑块,当我提交表单时,我得到正确的值。但是,如果我将滑块保持为默认值,那么在提交时,我会在几周内获得值None。

1 个答案:

答案 0 :(得分:2)

也在HTML中设置初始值。

<input type="text" class="slider" value="25" id="threshold" name="threshold">

除了

$('.slider').slider({
    min: 0,
    max: 250,
    step: 25,
    orientation: 'horizontal',
    value: 25,
    selection: 'before',
    tooltip: 'show'
})