• picker-view 滾動選擇器
  • 屬性說明
  • 示例
    • 代碼示例
  • Bug & Tip

picker-view 滾動選擇器

解釋：可嵌頁面的滾動選擇器。

站在用戶的角度思考問題，與客戶深入溝通，找到融水網(wǎng)站設(shè)計與融水網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋融水地區(qū)。

屬性說明

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

代碼示例

• SWAN
• JS

 
 
 
  
  
  
  
  
  
 
  
  
  
 {{year}}年{{month}}月{{day}}日
  
  
  
 
  
  
  
 indicator-style ="color: #74fa7d"
  
  
  
 mask-class="maskStyle"
  
  
  
 style="width: 100%;
  
  
  
 height: 300px;"
  
  
  
 value="{{value}}"
  
  
  
 title="選擇器標(biāo)題"
  
  
  
 bindchange="bindChange">
  
  
  
 
  
  
  
 {{item}}年
  
  
  
 
  
  
  
 
  
  
  
 {{item}}月
  
  
  
 
  
  
  
 
  
  
  
 {{item}}日
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
 

 
 
 
  
  
  
const date = new Date()
  
  
  
const years = []
  
  
  
const months = []
  
  
  
const days = []
  
  
  
  
  
  
for (let i = 1990; i <= date.getFullYear(); i++) {
  
  
  
 years.push(i)
  
  
  
}
  
  
  
  
  
  
for (let i = 1; i <= 12; i++) {
  
  
  
 months.push(i)
  
  
  
}
  
  
  
  
  
  
for (let i = 1; i <= 31; i++) {
  
  
  
 days.push(i)
  
  
  
}
  
  
  
  
  
  
let app = getApp();
  
  
  
  
  
  
Page({
  
  
  
 data: {
  
  
  
 years,
  
  
  
 year: date.getFullYear(),
  
  
  
 months,
  
  
  
 month: 2,
  
  
  
 days,
  
  
  
 day: 2,
  
  
  
 value: [9999, 1, 1]
  
  
  
 },
  
  
  
 bindChange(e) {
  
  
  
 const val = e.detail.value
  
  
  
 this.setData({
  
  
  
 year: this.data.years[val[0]],
  
  
  
 month: this.data.months[val[1]],
  
  
  
 day: this.data.days[val[2]]
  
  
  
 })
  
  
  
 }
  
  
  
});
 
 

Bug & Tip

• Tip：其中只可放置 picker-view-column 組件，其他節(jié)點不會顯示。