picker封装 uniapp_uni-app自定义二级picker选择器

本文介绍了如何在uni-app中手动创建一个只选择年和月的自定义picker组件。通过实例展示了数据定义、事件处理及样式设置,帮助实现一个简洁的年月选择功能。
摘要由CSDN通过智能技术生成

最近做项目,需求是选择年、月就可以,不需要选择到日,所以手动写了一个年月picker选择器。

先上效果图

picker.png

html

{ {arrDate[0][dateIndex]}}-{ {arrDate[1][dateIndexOne]}}

vue代码

变量定义

data() {

return {

onKeyword:'',

arrDate:[['2019','2018'],['全部','01','02','03','04','05','06','07','08','09','10','11','12']],

dateIndex:0,

dateIndexOne:0,

}

},

调用函数

onLoad() {

// 统计年份范围

this.getYearRange(2018);

},

获取从指定年份开始,年份数组

getYearRange:function(start){

const date = new Date();

let current_year = date.getFullYear();

var year=[];

for(sta

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值