小程序开发之组件picker(选择器)

本文详细介绍了小程序中picker组件的使用,包括普通选择器、多列选择器、时间选择器、日期选择器和省市区选择器。通过设置不同的mode属性,可以实现不同类型的交互效果,为用户提供了丰富的选择体验。
摘要由CSDN通过智能技术生成

picker

从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。

普通选择器:mode = selector

在这里插入图片描述

多列选择器:mode = multiSelector

在这里插入图片描述

时间选择器:mode = time

在这里插入图片描述

日期选择器:mode = date

在这里插入图片描述

fields 有效值:

在这里插入图片描述

省市区选择器:mode = region

在这里插入图片描述

例如:
效果展示


在这里插入图片描述

代码
index.wxml

<!-- 
  默认为普通选择器:mode = selector
  range  显示中的数组
  range-key 当 range 是一个数组时,通过range-key来指定Object中key 的值作为选择器显示内容   
  value:0   value 的值表示选择了 range 中的第几个(下标从 0 开始)
  disabled:false  是否禁用    
  bindchange value改变时(确定时)触发change事件,event.detail = {value: value}  
  bindcancel  取消选择或点遮罩层收起 picker 时触发
 -->
<view class="contentView">
  <view class="title">普通选择器</view>
  <picker bindchange="bindP
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值