数字输入框- +


实现以上的方式:

<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
JS API
方法名作用示例
getValue()获取当前值getValue()
setValue(Value)动态设置新值 IntsetValue(Value)
setOption(options)更新选项,可取值: min(Int),step(Int),max(Int)setOption(options)
示例: mui(Selector).numbox().getValue()

示例: 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值