微信小程序-picker组件地区,时间,日期选择

效果

image

html代码

    
  省市区选择器  
    
    
  当前选择：  
  {{region[0]}}，{{region[1]}}，{{region[2]}}  
    
    
    

    
  时间选择器  
    
    
  当前选择: {{time}}  
    
    
    

    
  日期选择器  
    
    
  当前选择: {{date}}  
    
    
    

css代码

  .section{  
  padding: 20rpx;  
  border-bottom: 1px solid #aaaaaa;  
  }  

js代码

  Page({  
  data: {  
  region: "",  
  time: "",  
  date: ""  
  },  
  bindRegionChange(e) {  
  let { value } = e.detail;  
  console.log("地区改变:", value);  
  this.setData({  
  region: value  
  })  
  },  
  bindTimeChange(e) {  
  let { value } = e.detail;  
  console.log("时间改变:", value);  
  this.setData({  
  time: value  
  })  
  },  
  bindDateChange(e) {  
  let { value } = e.detail;  
  console.log("日期改变:", value);  
  this.setData({  
  date: value  
  })  
  },  
  });