微信小程序选择地区，时间

1、index.wxml
<picker value="picker1Value" range="{{picker1Range}}" bindchange="normalPickerBindchange">
  当前城市选择：{{picker1Range[picker1Value]}}
</picker>
<picker mode="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange">
  当前时间选择:{{timeValue}}
</picker>
<picker mode="date" value="{{dateValue}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange">
  当前日期选择：{{dateValue}}
</picker>

2、index.js

Page({
  data:{
    picker1Value:0,
    picker1Range:['北京','广州','潮州','深圳'],
    timeValue:'18:00',
    dateValue:'2017-01-17'
  },
  normalPickerBindchange:function(e){
    this.setData({
      picker1Value:e.detail.value
    })
  },
  timePickerBindchange:function(e){
    this.setData({
      timeValue:e.detail.value
    })
  },
  datePickerBindchange:function(e){
    this.setData({
      dateValue:e.detail.value
    })
  }
})

3、复制粘贴即可查看效果