快速上手MUI的日期选择器:简单实用教程
最编程
2024-07-23 21:10:58
...
HTML
<button type="button" class="starttime" id="starttime">开始日期</button><span>-</span>
<button type="button" class="endtime" id="endtime">结束日期</button>
记得引入 picker.css 和 picker.js picker.js 要放到mui.js 的后面
JS
//开始时间
document.getElementById('starttime').addEventListener('tap', function(){
option={"type":"date","beginYear":"1980","endYear":"2030"};
var picker = new mui.DtPicker(option);
picker.show(function(rs) {
console.log(rs.text)
document.getElementById('starttime').innerHTML = rs.text;
});
},false);
//结束时间
document.getElementById('endtime').addEventListener('tap', function(){
option={"type":"date","beginYear":"1980","endYear":"2030"};
var picker = new mui.DtPicker(option);
picker.show(function(rs) {
console.log(rs.text)
document.getElementById('endtime').innerHTML = rs.text;
});
},false);
推荐阅读