本人是乙個萌新,如有不對的地方請多多指教 。
先看效果。
上圖為聯動 效果,有乙個問題就是 不能控制滾動面板。
上**?
.wxml
>
class
="select_date"
>
mode
="multiselector"
bindchange
="bindmultipickerchange"
value
="}"
range
="}"
>
class
="select"
>
class
="select_icon"
src="../image/date.png"
>
image
>
class
="picker"
>
}view
>
class
="select_icon"
src="../image/last1.png"
>
image
>
view
>
picker
>
view
>
>
class
="scroll-view_h"
scroll-x
="true"
bindscroll
="scroll"
style
="width
: 100%;
">
"demo1"
class
="scroll-view-item_h demo-text-1"
wx:for
="}"
wx:for-index
='key'
wx:key
="id"
>
>
}view
>
class
="}"
>
class
="blues_data"
>
}view
>
class
="dop"
style
="display:}"
>
view
>
view
>
view
>
scroll-view
>
view
>
view
>
.js
page(,
bindmultipickerchange:
function
(e))},
datearray()
for(
var j=
1;j<
30;j++
)this
.setdata()
},switpdate
(month))}
dates.
unshift(66
,77,11
);dates.
push(44
,55,56
);this
.setdata()
},mgetdate
(year, month)
,getweek
(datestring)
,scroll
(e))},
onload:
function
(options))}
})
微信小程式 picker 滾動選擇器
官方api https 上邊是官網的api。小程式中,底部下拉滾動選擇主要有這幾種 下拉選擇,時間選擇,城市選擇,多項選擇。1.index.js中 index.js 獲取應用例項 page index 0,multiarray 無脊柱動物 脊柱動物 扁性動物 線形動物 環節動物 軟體動物 節肢動物 ...
微信小程式 聯動選擇器
從底部彈起的滾動選擇器,現支援五種選擇器,通過mode來區分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區選擇器,預設是普通選擇器。先來看看效果圖 普通選擇器 view picker bindchange bindpickerchang value range view class ...
微信小程式滑動選擇器
在wxml檔案中,用乙個picker標籤代表選擇器,bindchange是使用者點選確定後觸發的函式,index是picker自帶的引數,使用者點選確定後,bindchange繫結的函式用.detail.value就可以訪問到。第乙個選擇的index值為0,依次遞增。range要在page的data...