应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序把玩《六》:picker组件,radio组件,slider组件

发布时间:2024-01-01 00:00 浏览次数:52

一:picker组件


picker选择器分成三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,预设就是普通选择器。测试时时间和日期页面并无反应不晓得就是BUG还是啥!不了手机测试现在也不晓得咋回事!!


主要属性:


普通选择器


时间选择器


日期选择器


普通选择器




{{array[index]}}


时间选择器



{{time}}


日期选择器



{{date}}


js


// text:"这就是一个页面"


array: ['Android', 'IOS', 'ReactNativ', 'WeChat', 'Web'],


index: 0,


* 监听普通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为页面重定向所增添的参数


// 页面图形顺利完成


onShow:function(){


onUnload:function(){

TAG标签:
阅读推荐