xiaomeizi
xiaomeizi
  • 发布:2016-05-20 17:30
  • 更新:2018-10-22 14:56
  • 阅读:3396

【报Bug】MUI picker在IOS中选择时间错位

分类:MUI

详细问题描述
[内容]
MUI picker框架做的html5页面在Android app下面没有问题,但是在IOS app下面出现选择时间错位问题,但是页面在IOS系统下用Safari打开是没有问题的

重现步骤
[步骤]
登陆优剪生活,选择“未来”上面的小日历,在“A”、“B”、“C”班次中选择,弹层的时间错位
[结果]

[期望]

运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
js:Mui v2.8.0
css:Mui v2.9.0

附件
[代码片段]

      <!--自己的css-->  
    <link rel="stylesheet" href="../../css/common.css"/>  
    <link rel="stylesheet" href="appointTime.css"/>  
 <!--框架的css-->  
    <link rel="stylesheet" href="../../css/mui.min.css"/>  
    <link rel="stylesheet" href="../../css/mui.picker.min.css"/>  

<!--页面-->  
<!--班次设置-->  
    <section class="workTimeSet">  
        <div class="setTitle flex justify-content-between align-items-center">  
            <span>班次设置</span>  
            <div class="error">起始时间不能大于结束时间</div>  
            <!--<div class="saveBtn">保存</div>-->  
            <button class="mui-btn mui-btn-blue saveBtn" id="saveModify">保存</button>  
        </div>  

        <div class="singleItem" data-bind = "foreach:schedulList">  
            <div class="line"></div>  
            <div class="setItem flex justify-content-between" data-bind = "attr:{id:id}">  
                <div><span class="workTimeName" data-bind = "text:name">A</span>:</div>  
                <div data-options='{"type":"time"}' class="btn selectTime flex justify-content-center grayColor startTime" data-bind = "text:starTime">选择时间</div>  
                <span>--</span>  
                <div data-options='{"type":"time"}' class="btn selectTime flex justify-content-center grayColor endTime" data-bind = "text:endTime">选择时间</div>  
                <div class="space"></div>  
            </div>  
        </div>  
    </section>  
    <!--班次设置-->  
<!--js脚本-->  
<script type="text/javascript" src="../../js/lib/jquery-1.11.3.min.js" ></script>  
<script type="text/javascript" src="../../js/lib/mui.min.js" ></script>  
<script type="text/javascript" src="../../js/lib/mui.picker.min.js" ></script>  
<script type="text/javascript" src="../../js/lib/knockout-3.3.0.js" ></script>  
<script type="text/javascript" src="../../js/common/common.js" ></script>  
<script type="text/javascript" src="../../js/common/config.js"></script>  
<script type="text/javascript" src="appointTime.js"></script>  
<script>  
    mui.init();  
    function addDtPickerListener(){  
        var btns = mui('.btn');  
        btns.each(function(i, btn) {  
            var result = mui(btn)[0];//获取当前显示结果文本框  
            btn.addEventListener('tap', function() {  
                var selectTime = $(this).text();//当前点击的时间  
                var optionsJson = this.getAttribute('data-options') || '{}';  
                var options = JSON.parse(optionsJson);  
                options.selectTime = selectTime;  
                var id = this.getAttribute('id');  
                var picker = new mui.DtPicker(options);  
                picker.show(function(rs) {  
                    result.innerText = rs.text;  
                    picker.dispose();  
                });  
            }, false);  
        });  
    }  
</script>

[安装包]

联系方式
[QQ]
18820253449
[电话]
18820253449

2016-05-20 17:30 负责人:无 分享
已邀请:
rlhappy

rlhappy

请问这个问题解决了吗?

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