MUI日期选择器选择月份

最新推荐文章于 2024-05-12 09:39:43 发布

原创最新推荐文章于 2024-05-12 09:39:43 发布 · 置顶 · 3.3k 阅读

3 ·

CC 4.0 BY-SA版权

html 同时被 3 个专栏收录

6 篇文章

订阅专栏

2 篇文章

订阅专栏

mui

1 篇文章

订阅专栏

博客内容包含HTML部分和JS部分，涉及前端开发的两大关键技术，HTML用于构建网页结构，JS用于实现网页的交互功能。

html部分：

<form class="mui-input-group">
	<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>
</form>

js部分：

document.getElementById('liMONTH').addEventListener('tap',function () {
    var datePicker=new mui.DtPicker({
	    type:'month',//若只显示年月日，类型为date，
	});
	datePicker.show(function(selectItems){
	    h("#datMONTH").val(selectItems);
    });
})