layui 第三方组件平台

返回首页 发布组件

可以替代原生的input输入框

更新:2021-4-21 创建:2021-5-2

文档

安装教程
layui.config({
base:'/js/layui_modules/' //配置 layui 第三方扩展组件存放的基础目录
}).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>
//设置数字限制
<input type="text" class="layui-input" number-input min="0" max="3">
//设置数字增加/减少步长
<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'});
});
效果图