实现效果图:
示例代码:
地区选择器 当前选择:{{array[index]}} 时间选择器 当前选择: {{time}} 日期选择器 当前选择: {{date}}
Page({ data: { array:["美国","中国","巴西","日本"], index:0, date:"2016-09-01", time:"12:01" }, bindPickerChange: function(e) { console.log('picker发送选择改变,携带值为', 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社区 其它相关文章!