详细问题描述
[内容]
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