安裝教程

layui.config({
   base:'/js/layui_modules/'  //配置 layui 第三方擴展組件存放的基礎(chǔ)目錄
}).extend({
   numberInput:'numberInput/numberInput'
});

使用說明

<input type="text" class="layui-input" number-input>
layui.use('numberInput',function () {
   var numberInput = layui.numberInput;
   numberInput.render();
});
//忽略渲染
<input type="text" class="layui-input" number-input lay-ignore>
//設(shè)置數(shù)字限制
<input type="text" class="layui-input" number-input min="0" max="3">
//設(shè)置數(shù)字增加/減少步長
<input type="text" class="layui-input" number-input step="0.01">
//渲染指定元素
<input type="text" class="layui-input" id="test">
layui.use('numberInput',function () {
   var numberInput = layui.numberInput;
   numberInput.render({elem:'#test'});
});

效果圖