前端之家收集整理的这篇文章主要介绍了
微信小程序 (十八)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(){
//
页面关闭
}
})
文章: