uniapp如何使用picker写一个只显示年份和月份的下拉框

效果:
uniapp如何使用picker写一个只显示年份和月份的下拉框_第1张图片

<picker mode="date" :value="date" fields="month" :start="startDate" :end="endDate" @change="dateChange">
					       <view>{{date}}view>
					  picker>

js:

export default {
		data() {
			// 设置日期
			 const currentDate = this.getDate({
			                format: 'yyyy-mm'
			  })
			  
			return {
				 date: currentDate, 
			}
		},
		computed: {
		            startDate() {
		                return this.getDate('start');
		            },
		            endDate() {
		                return this.getDate('end');
		            }
		        },
		methods: {
			 // 选择日期
			 dateChange(e) {
			       this.date = e.target.value.slice(0,7);
				   console.log(this.date.slice(0,7));
			  },
			// 获取年月日信息
			            getDate(type) {
			                const date = new Date();
			                let year = date.getFullYear();
			                let month = date.getMonth() + 1;
			                if (type === 'start') {
			                    year = year - 60;
			                } else if (type === 'end') {
			                    year = year + 2;
			                }
			                month = month > 9 ? month : '0' + month;
			                // day = day > 9 ? day : '0' + day;
			                return `${year}-${month}`;
			            }
		}
	}
</script>

转发请注明原创噢~~~~
看完记得点个赞哟!!!

你可能感兴趣的:(uniapp,小程序)