通过鼠标或键盘，输入范围内的数值，需要加载element模块，可通过下列方式加载

//加载element模块 auxui(['element'], function (){ $('.input-number').tuning(options); });

实例

<div style="width: 150px;"> <div class="input-group input-number"> <a class="input-group-btn btn btn-reduce" href="javascript:;">-</a> <input type="number" class="form-control" value=""> <a class="input-group-btn btn btn-plus" href="javascript:;">+</a> </div> </div> <script type="text/javascript"> auxui(['element'], function (element){ $('.input-number').tuning({ min : 2, max : 30, incrementing : 1, value : 1, isReadonly : true, btnClick : function(data){ console.log(data); }, change : function(data){ console.log(data); } }); }); </script>

控件大小

<div class="row"> <div class="col-xs-3"> <div class="input-group input-number" data-toggle="InputNumber"> <a class="input-group-btn btn btn-reduce" href="javascript:;">-</a> <input type="number" class="form-control input-lg"> <a class="input-group-btn btn btn-plus" href="javascript:;">+</a> </div> </div> <div class="col-xs-3"> <div class="input-group input-number" data-toggle="InputNumber"> <a class="input-group-btn btn btn-reduce" href="javascript:;">-</a> <input type="number" class="form-control"> <a class="input-group-btn btn btn-plus" href="javascript:;">+</a> </div> </div> <div class="col-xs-3"> <div class="input-group input-number" data-toggle="InputNumber"> <a class="input-group-btn btn btn-reduce" href="javascript:;">-</a> <input type="number" class="form-control input-sm"> <a class="input-group-btn btn btn-plus" href="javascript:;">+</a> </div> </div> </div>

参数选项