官方api：https://上邊是官網的api。小程式中，底部下拉滾動選擇主要有這幾種
下拉選擇，時間選擇，城市選擇，多項選擇。
1.index.js中：
//index.js
//獲取應用例項
page(,,,
],index: 0,
multiarray: [[
'無脊柱動物
', '
脊柱動物
'], ['
扁性動物
', '
線形動物
', '
環節動物
', '
軟體動物
', '
節肢動物
'], ['
寄生蟲', '
吸血蟲'
]], objectmultiarray: [[,
], [,,
,,
], [,]
],multiindex: [
0, 0, 0
], date:
'2016-09-01',
time:
'12:01',
region: [
'遼寧省
', '
大連市', '
高新園區'],
customitem: '全部
'},//
普通選擇器的點選事件
bindpickerchange: function (e) )
},//
多列選擇器
bindmultipickerchange: function (e) )
},//
多列選擇器，某一列的值改變時觸發事件
bindmultipickercolumnchange: function (e) ;
data.multiindex[e.detail.column] =e.detail.value;
switch
(e.detail.column)
data.multiindex[
1] = 0
; data.multiindex[
2] = 0
;
break
;
case1:
switch (data.multiindex[0
])
break
;
case1:
switch (data.multiindex[1
])
break
; }
data.multiindex[
2] = 0
; console.log(data.multiindex);
break
; }
this
.setdata(data);
},//
日期選擇器
binddatechange: function (e) )
},//
時間選擇器
bindtimechange: function (e) )
},//
省市區選擇器
bindregionchange: function (e) )
}})
2.index.wxml中：
class="section
">
class="
section__title
">普通選擇器：
"bindpickerchange
" value="
}" range="
}">
class="
picker
">當前選擇：}
class="
section
">
class="
section__title
">多列選擇器：
"multiselector
" bindchange="
bindmultipickerchange
" bindcolumnchange="
bindmultipickercolumnchange
" value="
}" range="
}">
class="
picker
">當前選擇：}，}，}
class="
section
">
class="
section__title
">時間選擇器：
"time
" value="
}" start="
09:01
" end="
21:01
" bindchange="
bindtimechange
">
class="
picker
">當前選擇: }
class="
section
">
class="
section__title
">日期選擇器：
"date
" value="
}" start="
2015-09-01
" end="
2017-09-01
" bindchange="
binddatechange
">
class="
picker
">當前選擇: }
class="
section
">
class="
section__title
">省市區選擇器：
"region
" bindchange="
bindregionchange
" value="
}" custom-item="
}">
class="
picker
">當前選擇：}，}，}
3.index.wxss中：
.section__title.section
.picker
微信小程式 picker
本文章主要解釋乙個mode為selector，平常比較常用的一些固定的選擇，我們平常就這樣子寫了，picker bindchange bindcaspickerchangestatusemployee value range name employeestatus text 在職資訊 text te...
微信小程式 聯動選擇器picker
從底部彈起的滾動選擇器，現支援五種選擇器，通過mode來區分，分別是普通選擇器，多列選擇器，時間選擇器，日期選擇器，省市區選擇器，預設是普通選擇器。先來看看效果圖 普通選擇器 view range view class picker one 當前的選擇 view picker html view p...
微信小程式 picker 單項單列選擇的實現
data 核心 點 選擇pickindexarr作為picker的運算元組源的原因就是，避免family陣列的每次重新賦值。如若我們直接使用family作為picker陣列源，由於picker的值必須是選擇一次，都要重新賦值，那麼family也就需要重新賦值，我必須保證family的所有欄位的輸入變...