如何在数字中添加加号 - Bootstrap TouchSpin Spinner

Question

你能不能看看这个演示,让我知道如何添加+数字大于0或删除-数字的符号少于0使用Bootstrap TouchSpin库？

$("input[name='demo1']").TouchSpin({
  min: -6,
  max: 6,
  step: 0.25,
  decimals: 2,
  boostat: 5,
  maxboostedstep: 10
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>
<input id="demo1" type="text" value="0" name="demo1">

Answer 1

您可以添加一个事件侦听器input的change事件,并添加到输入值的加号(+)是,如果它积极的变化事件被触发对插件的原始输入,并且可以听上.

$("input[name='demo1']").TouchSpin({
  min: -6,
  max: 6,
  step: 0.25,
  decimals: 2,
  boostat: 5,
  maxboostedstep: 10
}).change(function(){
  var val = $(this).val();
  if(parseFloat(val)>0){
    $(this).val("+"+val);//add + for positive numbers
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.2.5/jquery.bootstrap-touchspin.min.js"></script>
<input id="demo1" type="text" value="0" name="demo1">