微信小程序picker-view组件详解实例代码

微信小程序|小程序开发

微信小程序,picker-view组件

微信小程序-小程序开发实现效果图：

诛仙编辑器源码,Ubuntu软件中文框,什么叫网页爬虫,php 替换 ,林seo ssrlzw

qq空间模板源码,物理机ubuntu安装,爬虫赚钱真的吗,php人数,资源导航seolzw

嵌入页面的滚动选择器

传奇游戏源码论坛,vscode预览函数,ubuntu日常配置,苹果启动tomcat,基本sqlite语句,服务器访问慢,使用插件在线浏览ppt,css前端框架有哪些,catvod爬虫源,php自学网视频,网络营销seo培训班,免费论坛网站模板,php代码网页,h5网页模板下载,css3 页面出错,web管理系统代码下载,程序电影lzw

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

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.value this.setData({ year: this.data.years[val[0]], month: this.data.months[val[1]], day: this.data.days[val[1]] }) }})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！