微信小程式月日選擇及滾動選擇器

2021-10-10 18:28:12 字數 1976 閱讀 3585

本人是乙個萌新,如有不對的地方請多多指教 。

先看效果。

上圖為聯動 效果,有乙個問題就是 不能控制滾動面板。

上**?

.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...