微信小程序picker组件详解实例代码

实现效果图：

示例代码：

 地区选择器
 
 
  当前选择：{{array[index]}}
 
 


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



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

Page({
 data: {
 array:["美国","中国","巴西","日本"],
 index:0,
 date:"2016-09-01",
 time:"12:01"
 },
 bindPickerChange: function(e) {
 console.log(&＃39;picker发送选择改变，携带值为&＃39;, 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
 })
 }
})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

以上就是微信小程序picker组件详解实例代码的详细内容，更多请关注 第一PHP社区 其它相关文章！