Bootstrap Touchspin:步骤1但允许小数

时间:2016-08-26 11:53:49

标签: javascript twitter-bootstrap twitter-bootstrap-3

使用Bootstrap Touchspin来管理数字字段我遇到了以下问题:

我想在字段中允许两个小数,但是在单击上下按钮时,我希望将步骤更改为1.

设置'步骤'为1,所有输入的值都被舍入(所以小数始终为00)当我将步长设置为0.01时,上下按钮很慢且不方便。

谁知道一种结合1步并保持输入2位精度的可能性的方法?

enter image description here

2 个答案:

答案 0 :(得分:4)

您可以在此处使用第一个示例:http://www.virtuosoft.eu/code/bootstrap-touchspin/

代码是:

<input id="demo1" type="text" value="55" name="demo1">
<script>
    $("input[name='demo1']").TouchSpin({
        min: 0,
        max: 100,
        step: 0.1,
        decimals: 2,
        boostat: 5,
        maxboostedstep: 10,
        postfix: '%'
    });
</script>

答案 1 :(得分:1)

我知道这很旧,但是接受的答案不能为提出的问题提供正确的答案。它仅以.1步进,并且四舍五入到小数点后一位(仅十分之一)。 23.22 will be rounded to 23.20

  

我想在该字段中允许两位小数,但是在点击向上时,   和向下按钮,我希望将步长更改为1。

这是完成问题答案的方法...

<input id="demo1" type="text" value="55" name="demo1">
<script>
    $("input[name='demo1']").TouchSpin({
        min: 0,
        max: 100,
        step: 1,
        decimals: 2,
        forcestepdivisibility: 'none',
        boostat: 5,
        maxboostedstep: 10,
        postfix: '%'
    });
</script>

forcestepdivisibility: 'none',将允许步进器进入step by 1,但仍允许您输入2 decimal places without rounding