微信小程序的表单组件picker-view怎么用

这篇文章主要介绍"微信小程序的表单组件picker-view怎么用"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"微信小程序的表单组件picker-view怎么用"文章能帮助大家解决问题。

picker-view

嵌入页面的滚动选择器

注意：其中只可放置组件，其他节点不会显示。

picker-view-column

仅可放置于中，其孩子节点的高度会自动设置成与picker-view的选中框的高度一致。

示例代码：

  {{year}}年{{month}}月{{day}}日    {{item}}年  {{item}}月  {{item}}日  

const date = new Date()const years = []const months = []const days = []for (let i = 1990; i <= date.getFullYear(); i++) {  years.push(i)}for (let i = 1 ; i <= 12; i++) {  months.push(i)}for (let i = 1 ; i <= 31; i++) {  days.push(i)}Page({  data: {    years: years,    year: date.getFullYear(),    months: months,    month: 2,    days: days,    day: 2,    year: date.getFullYear(),    value: [9999, 1, 1],  },  bindChange: function(e) {const val = e.detail.valuethis.setData({      year: this.data.years[val[0]],      month: this.data.months[val[1]],      day: this.data.days[val[2]]    })  }})

关于"微信小程序的表单组件picker-view怎么用"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。