Tengo este bonito girador de números JQUERY, pero no se mueve en flotadores cuando le doy a escribir para ir por .01 dígitos a la vez. aquí está el código: jquery en la cabeza:
<link rel="stylesheet" href="js/jquery.nice-number.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="js/jquery.nice-number.js"></script>la entrada y el script numérico agradable:
<input type="number" value="1.0" name="qty" step="0.1" max="99999" min="0.1"> <script> $(function () { $('input[type="number"]').niceNumber(); }); </script>como puedo solucionar Gracias
Asumiendo que esto es de: https://github.com/joshua-s/jquery.nice-number
Un vistazo rápido a la fuente muestra:
var newValue = currentValue + 1;por lo que el complemento de número agradable está codificado para solo sumar/restar +1/-1
Proporciona una devolución de llamada, por lo que podría editar el valor, pero podría ser mejor editar el nice-number.js para pasar el paso de incremento a través de la configuración.
$(function() { $('input[type="number"]').niceNumber({ onDecrement: ($el, newValue, settings) => { $el.val(Math.round((newValue + 0.9) * 100) / 100); console.log($el.val()) }, onIncrement: ($el, newValue, settings) => { //console.log($el.val()) $el.val(Math.round((newValue - 0.9) * 100) / 100); console.log($el.val()) } }); }); <!--<link rel="stylesheet" href="js/jquery.nice-number.css">--> <link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/dist/jquery.nice-number.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!--<script src="js/jquery.nice-number.js"></script>--> <script src="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/dist/jquery.nice-number.js"></script> <input type="number" value="1.0" name="qty" step="0.1" max="99999" min="0.1" style='width:200px;'>