html定义微调器,bootstrap4 input数值微调插件

bootstrap-input-spinner是一款基于bootstrap4和jquery的input输入框数值微调插件。该插件会为输入框添加增加和减少按钮，通过点击相应的按钮，来对输入框中的数值进行微调。

该bootstrap4 输入框数值微调插件的特点还有：

支持移动手机，响应式设计。

支持国际化数值格式。

长按按钮可以连续改变数值。

当数值改变时，会分派change和input事件。

安装

可以通过npm来安装该bootstrap4 输入框数值微调插件。

npm install -save bootstrap-input-spinner

使用方法

在页面中引入jquery和bootstrap4相关文件，以及InputSpinner.js。

HTML结构

在输入框input元素里添加min、max和step属性。

另外，如果是浮点数，还可以通过data-decimals指定小数点后的位数。

初始化插件

在页面DOM元素加载完毕之后，通过InputSpinner方法来初始化该bootstrap4 输入框数值微调插件。

$("input[type='number']").InputSpinner();

配置参数

该bootstrap4 输入框数值微调插件的可用配置参数有：

var config = {

decrementButton: "-", // button text

incrementButton: "+", /