码迷,mamicode.com
首页 > 其他好文 > 详细

MUI 之 选择日期 简单易懂

时间:2019-01-10 17:46:40      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:innerhtml   dev   结束   pre   func   lse   art   picker   时间   

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);

  

MUI 之 选择日期 简单易懂

标签:innerhtml   dev   结束   pre   func   lse   art   picker   时间   

原文地址:https://www.cnblogs.com/banyuege/p/10251087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!