微信小程序> picker,小程序picker选择器

picker,小程序picker选择器

浏览量:732 时间: 来源:焕想-不怎么回复博客

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

时间选择器

日期选择器

wxml
view普通选择器/view!--mode默认selectorrange数据源value选择的indexbindchange事件监听--pickermode="selector"range="{{array}}"value="{{index}}"bindchange="listenerPickerSelected"text{{array[index]}}/text/pickerview时间选择器/viewpickermode="time"value="{{time}}"start="06:00"end="24:00"bindchange="listenerTimePickerSelected"text{{time}}/text/pickerview日期选择器/viewpickermode="date"value="{{date}}"start="2016-09-26"end="2017-10-10"bindchange="listenerDatePickerSelected"text{{date}}/text/pickerjs
Page({data:{//text:"这是一个页面"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(){//页面关闭}})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎