mui numbox值减为最小时不能获取

分类：MUI

//页面
<div class="mui-card">
<form class="mui-input-group">
<div class="mui-input-row">
<label>时间间隔秒数</label>
<div class="mui-numbox" data-numbox-min="1" id="numboxTime">

<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
<input class="mui-input-numbox" type="number" id="timeInterval">
<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
</div>
</div>
</form>
</div>
//事件
mui('.mui-numbox').on('tap', 'button', function(e) {
//2变1无输出
console.log(document.getElementById("timeInterval").value);
});

2017-05-08 23:11 负责人:无分享

3 个回复

洛上千栀

一直都是这样
点到最小值的时候减号被禁用了然后tap事件就拿不到值
建议把最小值设为0然后做一个判定值小于1的时候把值设为1；

y***@163.com (作者)

2减为1不是tab了吗？1减0减号才禁用了不是吗？

2017-05-09 09:27
洛上千栀

回复 y***@163.com: data-numbox-min="1"

2017-05-09 09:31
y***@163.com (作者)

是哦，谢谢。

2017-05-09 09:59

LLgg

更改div标签里面的data-numbox-min="0"，就可以正常输出1的值了，
这是代码，看一下是不是符合你的要求

<html>  

<head>  
    <meta charset="utf-8"/>  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
 <link rel="stylesheet" href="css/mui.min.css">  
<script src="js/mui.min.js"></script>  
</head>  

<body>  
    <div class="mui-card">  
        <form class="mui-input-group">  
            <div class="mui-input-row">  
                <label>时间间隔秒数</label>  
                <div class="mui-numbox" data-numbox-min="0" id="numboxTime">  
                    <!--data-numbox-max="60"-->  
                    <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>  
                    <input class="mui-input-numbox" type="number" id="timeInterval">  
                    <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>  
                </div>  
            </div>  
        </form>  
    </div>  
    <script>  
        mui('.mui-numbox').on('tap', 'button', function (e) {  
            console.log(document.getElementById("timeInterval").value);  
        });  
    </script>  
</body>  
</html>

这是我的网站，O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb

万金游

修改 mui.js 下面的代码：

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    self.minus.disabled = true;  
                } else {  
                    self.minus.disabled = false;  
                }

改为

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    setTimeout(function (){  
                        self.minus.disabled = true;  
                    }, 10); //怕没效果，可适时加大延迟时间  
                } else {  
                    self.minus.disabled = false;  
                }

该问题目前已经被锁定, 无法添加新回复

mui numbox值减为最小时不能获取

3 个回复

公告

相关问题

mui numbox值减为最小时不能获取

与内容相关的链接

3 个回复

公告

相关问题