微信小程序picker选择器怎么实现


本篇内容主要讲解“微信小程序picker选择器怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“微信小程序picker选择器怎么实现”吧!
picker选择器分为三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,默认是普通选择器。
小程序picker选择器的实现方式
wxml

jsPage({data:{// text:”这是一个页面”array: [‘Andr免费云主机域名oid’, ‘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(){// 页面关闭}})
到此,相信大家对“微信小程序picker选择器怎么实现”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 用CSS改变图片颜色的方法有哪些

本文小编为大家详细介绍“用CSS改变图片颜色的方法有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“用CSS改变图片颜色的方法有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。前言“说到对图片进行处理,我们经常会想到Photo…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 01/17 16:51
Next 01/17 17:12

相关推荐