uniapp时间日期选择器 - 只选择月份 - 月份选择器picker

Posted 2022-03-26 Rudon滨海渔村

效果图

完整代码

<template>
	<view>
		<picker mode="date" fields="month" :value="date" @change="bindDateChange">
			<view class="uni-input">date</view>
		</picker>
	</view>
</template>

<script>
	export default 
	    data() 
	        return 
	            date: this.getCurrentMonth()
	        
	    ,
	    methods: 
	        bindDateChange: function(e) 
	            this.date = e.target.value
				console.log(this.date)
	        ,
			
			getCurrentMonth () 
				const date = new Date()
	            let year = date.getFullYear()
	            let month = date.getMonth() + 1
				month = month > 9 ? month : '0' + month
				return `$year-$month`
			
	    
	
</script>

<style>

</style>

官方手册

picker | uni-app官网https://uniapp.dcloud.io/component/picker.html#picker

封面