微信小程序picker
做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù)團(tuán)隊(duì)是一支充滿著熱情的團(tuán)隊(duì)，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求，同時(shí)竭誠為客戶提供服務(wù)是我們的理念。創(chuàng)新互聯(lián)建站把每個(gè)網(wǎng)站當(dāng)做一個(gè)產(chǎn)品來開發(fā)，精雕細(xì)琢，追求一名工匠心中的細(xì)致，我們更用心！
相關(guān)文章：
微信小程序 Button
微信小程序 radio
微信小程序 slider
微信小程序 switch
微信小程序 textarea
微信小程序 picker-view
微信小程序 picker
微信小程序 label
微信小程序 input
微信小程序 form
微信小程序 checkbox
實(shí)現(xiàn)效果圖：
微信小程序picker
滾動(dòng)選擇器，現(xiàn)支持三種選擇器，通過mode來區(qū)分，分別是普通選擇器，時(shí)間選擇器，日期選擇器，默認(rèn)是普通選擇器
普通選擇器：mode=selector
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| range | Array | [] | mode為selector時(shí)，range有效 |
| value | Number | 0 | mode為selector時(shí)，是數(shù)字，表示選擇了range中的第幾個(gè)，從0開始。 |
| bindchange | EventHandle | value改變時(shí)觸發(fā)change事件，event.detail= { value:value} |
時(shí)間選擇器：mode=time
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| value | String | 表示選中的時(shí)間，格式為"hh:mm" | |
| String | 表示有效時(shí)間范圍的開始，字符串格式為"hh:mm" | ||
| String | 表示有效時(shí)間范圍的結(jié)束，字符串格式為"hh:mm" | ||
| EventHandle | value改變時(shí)觸發(fā)change事件，event.detail= { value:value} |
日期選擇器：mode=date
| 屬性名 | 類型 | 默認(rèn)值 | 說明 |
|---|---|---|---|
| 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} |
示例代碼：
地區(qū)選擇器 當(dāng)前選擇：{{array[index]}} 時(shí)間選擇器 當(dāng)前選擇: {{time}} 日期選擇器 當(dāng)前選擇: {{date}}
重慶分公司
重慶分公司
Page({
data: {
array:["美國","中國","巴西","日本"],
index:0,
date:"2016-09-01",
time:"12:01"
},
bindPickerChange: function(e) {
console.log('picker發(fā)送選擇改變，攜帶值為', e.detail.value)
this.setData({
index: e.detail.value
})
},
bindDateChange:function(e){
this.setData({
date:e.detail.value
})
},
bindTimeChange:function(e){
this.setData({
time:e.detail.time
})
}
})感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
