微信小程序 (十八)picker组件详细介绍

前端之家收集整理的这篇文章主要介绍了微信小程序 (十八)picker组件详细介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

picker选择器分为三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,默认是普通选择器。测试时时间和日期点击无反应不知道是BUG还是啥!没法手机测试现在也不知道咋回事!!

主要属性

普通选择器

时间选择器

日期选择器

普通选择器 {{array[index]}} 时间选择器 {{time}} 日期选择器 {{date}}

页面" array: ['Android','IOS','ReactNativ','WeChat','Web'],index: 0,time: '08:30',date: '2016-09-26' },/** * 监听普通picker选择器 */ listenerPickerSelected: function(e) { //改变index值,通过setData()方法重绘界面 this.setData({ index: e.detail.value }); },/** * 监听时间picker选择器 */ listenerTimePickerSelected: function(e) { //调用setData()重新绘制 this.setData({ time: e.detail.value,}); },/** * 监听日期picker选择器 */ listenerDatePickerSelected:function(e) { this.setDate({ date: e.detail.value }) },onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 },onReady:function(){ // 页面渲染完成 },onShow:function(){ // 页面显示 },onHide:function(){ // 页面隐藏 },onUnload:function(){ // 页面关闭 } })

文章:

猜你在找的微信小程序相关文章