首页 > PHP资讯 > 工具库 > 微信小程序picker组件详解实例代码

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

工具库
这篇文章主要介绍了微信小程序 picker 组件详解及简单实例的相关资料,需要的朋友可以参考下

实现效果图:

示例代码:

 地区选择器    当前选择:{{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社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持48不支持0