<div class="mui-input-row" id="liMONTH">
<label>开始时间</label>
<input type='text' class="font mui-left" placeholder="请选择" id="datMONTH" readonly="true">
<span class="mui-pull-right"><a class="mui-navigate-right" ></a></span>
</div>
document.getElementById('liMONTH').addEventListener('tap',function () {
var datePicker=new mui.DtPicker({
type:'date',//若只显示年月日,类型为date,
});
datePicker.show(function(selectItems){
$("#datMONTH").val(selectItems);
});
})
<link rel="stylesheet" href="../css/mui.picker.min.css">
<link rel="stylesheet" href="../css/mui.poppicker.css">
<script src="../js/mui.picker.min.js"></script>
<script src="../js/mui.poppicker.js"></script>
picker要用picker.min.css 不要用picker.css 不然没效果 不知道官方文档怎么了 。。。。 抬走 下一位
2 个回复
1***@qq.com
多时间粒度的时间选择器组件:https://ext.dcloud.net.cn/plugin?id=220
小胖哒
<div class="mui-input-row" id="liMONTH">
<label>开始时间</label>
<input type='text' class="font mui-left" placeholder="请选择" id="datMONTH" readonly="true">
<span class="mui-pull-right"><a class="mui-navigate-right" ></a></span>
</div>
document.getElementById('liMONTH').addEventListener('tap',function () {
var datePicker=new mui.DtPicker({
type:'date',//若只显示年月日,类型为date,
});
datePicker.show(function(selectItems){
$("#datMONTH").val(selectItems);
});
})
<link rel="stylesheet" href="../css/mui.picker.min.css">
<link rel="stylesheet" href="../css/mui.poppicker.css">
<script src="../js/mui.picker.min.js"></script>
<script src="../js/mui.poppicker.js"></script>
picker要用picker.min.css 不要用picker.css 不然没效果 不知道官方文档怎么了 。。。。 抬走 下一位