溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序的五種選擇器是什么

發(fā)布時(shí)間：2022-03-10 09:59:52 來(lái)源：億速云 閱讀：1240 作者：iii 欄目：開發(fā)技術(shù)

本文小編為大家詳細(xì)介紹“微信小程序的五種選擇器是什么”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“微信小程序的五種選擇器是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

picker

從底部彈起的滾動(dòng)選擇器，現(xiàn)支持五種選擇器，通過(guò)mode來(lái)區(qū)分，分別是普通選擇器，多列選擇器，時(shí)間選擇器，日期選擇器，省市區(qū)選擇器，默認(rèn)是普通選擇器。

普通選擇器：mode=selector

屬性名 類型 默認(rèn)值 說(shuō)明
range Array / Object Array [] mode為 selector 或 multiSelector 時(shí)，range 有效
range-key String   當(dāng) range 是一個(gè) Object Array 時(shí)，通過(guò) range-key 來(lái)指定 Object 中 key 的值作為選擇器顯示內(nèi)容
value Number 0 value 的值表示表示選擇了 range 中的第幾個(gè)（下標(biāo)從 0 開始）。
bindchange EventHandle   value 改變時(shí)觸發(fā) change 事件，event.detail = {value: value}
disabled Boolean false 是否禁用

多列選擇器：mode = multiSelector（最低版本：1.4.0）

屬性名 類型 默認(rèn)值 說(shuō)明 最低版本
range 二維Array / 二維Object Array [] mode為 selector 或 multiSelector 時(shí)，range 有效。二維數(shù)組，長(zhǎng)度表示多少列，數(shù)組的每項(xiàng)表示每列的數(shù)據(jù)，如[["a","b"], ["c","d"]]  
range-key String   當(dāng) range 是一個(gè) 二維Object Array 時(shí)，通過(guò) range-key 來(lái)指定 Object 中 key 的值作為選擇器顯示內(nèi)容  
value Array [] value 每一項(xiàng)的值表示選擇了 range 對(duì)應(yīng)項(xiàng)中的第幾個(gè)（下標(biāo)從 0 開始）  
bindchange EventHandle   value 改變時(shí)觸發(fā) change 事件，event.detail = {value: value}  
bindcolumnchange EventHandle   某一列的值改變時(shí)觸發(fā) columnchange 事件，event.detail = {column: column, value: value}，column 的值表示改變了第幾列（下標(biāo)從0開始），value 的值表示變更值的下標(biāo)  
disabled Boolean false 是否禁用  

時(shí)間選擇器：mode=time

屬性名 類型 默認(rèn)值 說(shuō)明
value String   表示選中的時(shí)間，格式為"hh:mm"
start String   表示有效時(shí)間范圍的開始，字符串格式為"hh:mm"
end String   表示有效時(shí)間范圍的結(jié)束，字符串格式為"hh:mm"
bindchange EventHandle   value 改變時(shí)觸發(fā) change 事件，event.detail = {value: value}
disabled Boolean false 是否禁用

日期選擇器：mode=date

屬性名 類型 默認(rèn)值 說(shuō)明
value String 0 表示選中的日期，格式為"YYYY-MM-DD"
start String   表示有效日期范圍的開始，字符串格式為"YYYY-MM-DD"
end String   表示有效日期范圍的結(jié)束，字符串格式為"YYYY-MM-DD"
fields String day 有效值 year,month,day，表示選擇器的粒度
bindchange EventHandle   value 改變時(shí)觸發(fā) change 事件，event.detail = {value: value}
disabled Boolean false 是否禁用

fields 有效值：

值 說(shuō)明
year 選擇器粒度為年
month 選擇器粒度為月份
day 選擇器粒度為天

省市區(qū)選擇器：mode = region（最低版本：1.4.0）

屬性名 類型 默認(rèn)值 說(shuō)明
value Array [] 表示選中的省市區(qū)，默認(rèn)選中每一列的第一個(gè)值
bindchange EventHandle   value 改變時(shí)觸發(fā) change 事件，event.detail = {value: value}
disabled Boolean false 是否禁用

讀到這里，這篇“微信小程序的五種選擇器是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手