layui 第三方组件平台

返回首页 发布组件

表单数字输入组件,支持 min / max / step / prec(精确度控制)。

创建:2019-4-2

文档

在线示例

用法:

支持 min/max,及附加的 prec 控制小数精确度:
<div class="layui-form">
<input class="layui-input layui-input-number" min="0" max="100" step="1" data-prec="4">
</div>
layui.config({
base: 'js/modules/'
}).extend({
numinput: 'numinput/numinput'
}).use(['form', 'numinput'], function() {
var form = layui.form, numinp = layui.numinput,;
numinp.init({
// 123:123键置顶, 789:789键置顶
topBtns: 123,
// 右侧功能按钮
rightBtns: true,
// 监听键盘事件
listening: true,
// 批量配置默认小数精确度
defaultPrec: ''
});
});
效果图:
关闭右侧功能按钮
启用右侧功能按钮
精确度控制
最大值控制
最小值控制
操作效果

下载

去 GitHub 下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。