• picker-view 滚动选择器
  • 属性说明
  • 示例
    • 代码示例
  • Bug & Tip

picker-view 滚动选择器

解释：可嵌页面的滚动选择器。

站在用户的角度思考问题，与客户深入沟通，找到融水网站设计与融水网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站建设、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、主机域名、虚拟空间、企业邮箱。业务覆盖融水地区。

属性说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS

 
 
 
  
  
  
  
  
  
 
  
  
  
 {{year}}年{{month}}月{{day}}日
  
  
  
 
  
  
  
 indicator-style ="color: #74fa7d"
  
  
  
 mask-class="maskStyle"
  
  
  
 style="width: 100%;
  
  
  
 height: 300px;"
  
  
  
 value="{{value}}"
  
  
  
 title="选择器标题"
  
  
  
 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 组件，其他节点不会显示。