
picker-view
2019-03-13 11:29:04
嵌入页面的滚动选择器。属性名类型默认值说明valueNumberArray数组中的数字依次表示picker-view内的picker-view-column选择的第几项(下标从0开始),数字大于picker-view-column可选项长度时,选择最后一项。indicator-styleString设置选择器中间选中框的样式mask-styleString设置蒙层的样式bindchangeEventHandle当滚动选择,value改变时触发change事件,event.detail={value:value};value为数组,表示picker-view内的picker-view-column当前选择的是第几项(下标从0开始
picker-view-column仅可放置于中,其孩子节点的高度会自动设置成与picker-view的选中框的高度一致
示例viewclass=containerviewclass=page-bodyviewclass=page-sectionviewviewstyle=text-align:center;{{year}}年{{month}}月{{day}}日/viewpicker-viewstyle=height:750rpxvalue={{value}}bindchange=bindChangepicker-view-columnstyle=text-align:center;view:for={{years}}{{item}}年/view/picker-view-columnpicker-view-columnstyle=text-align:center;view:for={{months}}{{item}}月/view/picker-view-columnpicker-view-columnstyle=text-align:center;view:for={{days}}{{item}}日/view/picker-view-column/picker-view/view/view/view/viewconstdate=newDate()constyears=[]constmonths=[]constdays=[]for(leti=1990;i=date.getFullYear();i++){years.push(i)}for(leti=1;i=12;i++){months.push(i)}for(leti=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){constval=e.detail.valuethis.setData({year:this.data.years[val[0]],month:this.data.months[val[1]],day:this.data.days[val[2]]})}})
picker-view-column仅可放置于中,其孩子节点的高度会自动设置成与picker-view的选中框的高度一致
示例viewclass=containerviewclass=page-bodyviewclass=page-sectionviewviewstyle=text-align:center;{{year}}年{{month}}月{{day}}日/viewpicker-viewstyle=height:750rpxvalue={{value}}bindchange=bindChangepicker-view-columnstyle=text-align:center;view:for={{years}}{{item}}年/view/picker-view-columnpicker-view-columnstyle=text-align:center;view:for={{months}}{{item}}月/view/picker-view-columnpicker-view-columnstyle=text-align:center;view:for={{days}}{{item}}日/view/picker-view-column/picker-view/view/view/view/viewconstdate=newDate()constyears=[]constmonths=[]constdays=[]for(leti=1990;i=date.getFullYear();i++){years.push(i)}for(leti=1;i=12;i++){months.push(i)}for(leti=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){constval=e.detail.valuethis.setData({year:this.data.years[val[0]],month:this.data.months[val[1]],day:this.data.days[val[2]]})}})
标签:组件,字节跳动小程序

「picker-view」开发组件订阅
方法1:今日头条扫描字节跳动小程序码即可订阅开发组件「picker-view」
方法2:今日头条搜索字节跳动小程序名称进入,即可订阅开发组件「picker-view」
方法3:今日头条网页访问即速商店,长按识别字节跳动小程序码即可订阅开发组件「picker-view」
字节跳动小程序开发组件「picker-view」由字节跳动原创摘录于今日头条小程序商店shop.jisuapp.cn,转载请注明出处。
字节跳动开发组件「picker-view」由字节跳动开发者向今日头条用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
字节跳动小程序
更新时间:2019-03-13 11:29:04