实现以上的方式:
<div class="mui-numbox" data-numbox-step='10' data-numbox-min='0' data-numbox-max='100'>
<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
<input class="mui-numbox-input" type="number" />
<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
</div>
属性名 | 作用 |
---|---|
data-numbox-min | 输入框允许使用的最小值,默认无限制 |
data-numbox-max | 输入框允许使用的最大值,默认无限制 |
data-numbox-step | 每次点击“+”、“-”按钮变化的步长,默认步长为1 |
方法名 | 作用 | 示例 |
---|---|---|
getValue() | 获取当前值 | getValue() |
setValue(Value) | 动态设置新值 Int | setValue(Value) |
setOption(options) | 更新选项,可取值: min(Int) ,step(Int) ,max(Int) | setOption(options) |
示例: mui(Selector).numbox().setValue(5)
示例: mui(Selector).numbox().setOption('step',5)
初期化:mui在mui.init()中会自动初始化基本控件,但是 动态添加的Numbox组件需要手动初始化
mui(Selector).numbox()
动态添加时,html结束后,在后面追加动态的初始化mui(".mui-numbox").numbox();具体操作请参照:http://dev.dcloud.net.cn/mui/ui/#numbox