<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>添加学习经历</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../css/mui.picker.css" />
<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css" />
<link rel="stylesheet" href="text/css" href="../css/mui.min.css">
<!-- <link rel="stylesheet" href="text/css" href="../css/mui.picker.min.css"> -->
<link rel="stylesheet" href="text/css" href="../css/mui.dtpicker.css">
<style>
.mui-bar{background-color: #4fca9b;padding-top:1.5rem;height:4rem;}
.mui-action-back{color:white;}
.mui-title{color: white;font-size: 1.2rem;}
.save{float:right;margin-right:0.2rem;color: #FFFFFF;font-size:1.2rem;}
.sex{margin-left:4%;padding:5px 0;}
.sex span{margin-left:3rem;margin-right:-2rem;}
#save{margin-top:0.3rem;border:none;background-color:#4fca9b;color:#ffffff;font-size:1rem;}
#image{border-radius: 50%;margin-top:0.5rem;width: 3.5rem;height:3.5rem;float: right;margin-right:2rem;}
#img{height:4rem;background-color: #FFFFFF;margin-bottom: 1rem;margin-top:3.8rem;}
.tou{float: left;margin-top:1.5rem;}
.mui-table-view-cell{position: relative;}
.ul_li_span{left:8rem;position: absolute;}
.b_l{border-bottom: 1px solid #cfcfcf;}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">添加学习经历</h1>
<div class="save"><button id="save">保存</button></div>
</header>
<ul class="mui-table-view" style="margin-top: 4.3rem;">
<li class="mui-table-view-cell" id="s_start_time">
<a class="mui-navigate-right">
起始时间<span class="ul_li_span" id="startDateSelect"></span>
</a>
</li>
<li class="mui-table-view-cell" id="s_end_time">
<a class="mui-navigate-right">
结束时间<span class="ul_li_span" id="endDateSelect"></span>
</a>
</li>
</ul>
<script src="../../js/mui.min.js"></script>
<script src="../../js/mui.picker.js"></script>
<!-- <script src="../../js/mui.picker.min.js"></script> -->
<script src="../../js/mui.poppicker.js"></script>
<script src="../../js/global.js"></script>
<script src="../../js/mui.dtpicker.js"></script>
<script type="text/javascript">
mui.init();
mui.plusReady(function() {
var dtPicker = new mui.DtPicker({
type:'date'
});
document.getElementById('s_start_time').addEventListener('tap', function(event) {
dtPicker.show(function(selectItems) {
console.log(JSON.stringify(selectItems));
})
});
})
</script>
</body>
</html>
F_hawk189
- 发布：2019-03-27 21:26
- 更新：2019-03-27 21:26
- 阅读：924
dtpicker引入css后仍样式出错
分类：MUI
