H5单列选择器和多列选择器

1.单列选择器

//选择性别
			sexSelect() {
				var _this = this;
				weui.picker([{
		            label: '男',
		            value: 0
		        }, {
		            label: '女',
		            value: 1
		        }], {
		            onChange: function (result) {
		                // console.log(result);
		            },
		            onConfirm: function (result) {
		                // console.log(result);
		                _this.sex = result[0].label;
		            },
		            title: '请选择性别'
		        });
			},

2.多列选择器

//时间选择
			timeSelect() {
				var years = [];
				var months = [];
				var _this = this;
				if(!years.length) {
					for(var i = 1970; i <= new Date().getFullYear(); i++) {
						years.push({
							label: i + '年',
							value: i
						});
					}
				}
				if(!months.length) {
					for(var j = 1; j <= 12; j++) {
						months.push({
							label: j + "月",
							value: j
						});
					}
				}
				weui.picker(years, months, {
					defaultValue: [new Date().getFullYear(), new Date().getMonth() + 1],
					onConfirm: function(result) {
						_this.birthday = result[0].label + result[1].label;
					}
				});
			}

3.效果
在这里插入图片描述
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值