bootstrap4 input-spinner数字增减框的使用

Bootstrap-input-spinner数字增减框

一个Bootstrap 4 / jQuery插件，用于数字输入并创建输入微调按钮。

特性

Bootstrap 4 InputSpinner是：
1.支持移动端且反应迅速。
2.点击按钮会自动更改值，长按按钮会持续更改值。
3.支持国际化数字格式。
4.允许设置值前缀和后缀。
5.可像普通元素一样使用val()。
6.动态更改元素属性。
7.更改值时触发事件。
8.无需额外的CSS，仅需导入Bootstrap4的标准CSS。

安装

npm install -save bootstrap-input-spinner

或者在GitHub下载src / bootstrap-input-spinner.js。

使用

html

在HTML中创建元素。 创建input框并设置 type =“ number”。

<input type="number" value="50" min="0" max="100" step="10"/>

Script

这是一个jQuery插件。 因此，使用以下脚本为所有类型为"number"的输入启用InputSpinner。

<script src="./src/bootstrap-input-spinner.js"></script>
<script>
    $("input[type='number']").inputSpinner();
</script>

无需额外的CSS，只需Bootstrap 4和jQuery。

语法和配置

HTML

<input type=&