為什么80%的碼農都做不了架構師？>>> ??

picker選擇器分為三種，普通選擇器，時間選擇器， 日期選擇器 用mode屬性區分，默認是普通選擇器。測試時時間和日期點擊無反應不知道是BUG還是啥！沒法手機測試現在也不知道咋回事！！

主要屬性：

普通選擇器

時間選擇器

日期選擇器

wxml

<view>普通選擇器</view> <!--mode默認selector range數據源value選擇的index bindchange事件監聽--> <picker mode="selector" range="{{array}}" value="{{index}}" bindchange="listenerPickerSelected"> <text>{{array[index]}}</text> </picker> <view>時間選擇器</view> <picker mode="time" value="{{time}}" start="06:00" end="24:00" bindchange="listenerTimePickerSelected"> <text>{{time}}</text> </picker> <view>日期選擇器</view> <picker mode="date" value="{{date}}" start="2016-09-26" end="2017-10-10" bindchange="listenerDatePickerSelected"> <text>{{date}}</text> </picker>

js

Page({data:{// text:"這是一個頁面"array: ['Android', 'IOS', 'ReactNativ', 'WeChat', 'Web'],index: 0,time: '08:30',date: '2016-09-26'},/** * 監聽普通picker選擇器 */listenerPickerSelected: function(e) {//改變index值，通過setData()方法重繪界面this.setData({index: e.detail.value});}, /** * 監聽時間picker選擇器 */listenerTimePickerSelected: function(e) {//調用setData()重新繪制this.setData({time: e.detail.value,});},/** * 監聽日期picker選擇器 */listenerDatePickerSelected:function(e) {this.setDate({date: e.detail.value})},onLoad:function(options){// 頁面初始化 options為頁面跳轉所帶來的參數},onReady:function(){// 頁面渲染完成},onShow:function(){// 頁面顯示},onHide:function(){// 頁面隱藏},onUnload:function(){// 頁面關閉} })

轉載于:https://my.oschina.net/hzdx/blog/894400

總結

以上是生活随笔為你收集整理的微信小程序把玩（十八）picker组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。