其实下面的方法看起来也很low,但是查了很多资料,也没找到一个完美的方法。
<input type="number" class="number">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('.number').change(function() {
let val = parseFloat($(this).val());
if (isNaN(val)) {
val = 0;
}
$(this).val(val.toFixed(2));
});
});
</script>
相关:Bootstrap TouchSpin
在查阅input type="number"控制小数点位数相关资料时,看到一个相关的插件还不错。
<input type="number" class="number">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.bootstrap-touchspin.js"></script>
<script type="text/javascript">
$(function() {
$(".number").TouchSpin({
min: 0,
max: 100,
step: 0.1,
decimals: 2,
boostat: 5,
maxboostedstep: 10,
postfix: '%'
});
});
</script>
Settings:
OPTION | DEFAULT | DESCRIPTION |
---|---|---|
initval | “” | Applied when no explicit value is set on the input with the value attribute. Empty string means that the value remains empty on initialization. |
min | 0 | Minimum value. |
max | 100 | Maximum value. |
step | 1 | Incremental/decremental step on up/down change. |
forcestepdivisibility | ‘round’ | How to force the value to be divisible by step value: ‘none’ |
decimals | 0 | Number of decimal points. |
stepinterval | 100 | Refresh rate of the spinner in milliseconds. |
stepintervaldelay | 500 | Time in milliseconds before the spinner starts to spin. |
verticalbuttons | false | Enables the traditional up/down buttons. |
verticalupclass | ‘glyphicon glyphicon-chevron-up’ | Class of the up button with vertical buttons mode enabled. |
verticaldownclass | ‘glyphicon glyphicon-chevron-down’ | Class of the down button with vertical buttons mode enabled. |
prefix | “” | Text before the input. |
postfix | “” | Text after the input. |
prefix_extraclass | “” | Extra class(es) for prefix. |
postfix_extraclass | “” | Extra class(es) for postfix. |
booster | true | If enabled, the the spinner is continually becoming faster as holding the button. |
boostat | 10 | Boost at every nth step. |
maxboostedstep | false | Maximum step when boosted. |
mousewheel | true | Enables the mouse wheel to change the value of the input. |
buttondown_class | ‘btn btn-default’ | Class(es) of down button. |
buttonup_class | ‘btn btn-default’ | Class(es) of up button. |