微信小程序城市选择器picker

子钦加油

于 2022-11-07 16:30:07 发布

阅读量3k

点赞数 1

文章标签：微信小程序小程序

服务器拼团：点我去阿里云购买

本文链接：https://blog.csdn.net/weixin_37557729/article/details/127733904

版权

本文介绍了微信小程序中的picker组件，包括普通选择器、多列选择器、时间选择器、日期选择器和省市区选择器的使用，详细解析了各模式的mode属性，并提供了相关示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

picker

基础库 1.0.0 开始支持，低版本需做兼容处理。

从底部弹起的滚动选择器。

mode 的合法值

除了上述通用的属性，对于不同的mode，picker拥有不同的属性。

属性名	类型	默认值	说明
range	array/object array	[]	mode 为 selector 或 multiSelector 时，range 有效
range-key	string		当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
value	number	0	表示选择了 range 中的第几个(下标从 0 开始)
bindchange	eventhandle		value 改变时触发 change 事件，event.detail = {value}

属性名	类型	默认值	说明
range	array/object array	[]	mode 为 selector 或 multiSelector 时，range 有效
range-key	string		当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
value	array	[]	表示选择了 range 中的第几个(下标从 0 开始)
bindchange	eventhandle		value 改变时触发 change 事件，event.detail = {value}
bindcolumnchange	eventhandle		列改变时触发