今天来说一下小程序中picker组件的使用官方说明如下:从底部弹起的滚动选择器现支持五种选择器提升营销团队现支持五种选择器通过mode来区分关键词优化平台通过mode来区分分别是普通选择器多列选择器关键词优化平台多列选择器时间选择器日期选择器省市区选择器默认是普通选择器。
1、普通选择器
普通选择器更像是HTML中的select标签主要实现单选功能直接看官网示例就可以明白很简单以下是我写的demo~
WXML:
JS
二、时间选择器
选择开始时间和结束时间都可以用此选择器接收字符串格式为"hh:mm"的时间最小只能选择到分钟~
WXML:
属性值start表示有效时间范围的开始end表示有效时间范围的结束
JS:
3、日期选择器
日期选择器也是比较常用的可以设置最小时间/最大时间超出这个时间段是无法选择的~
WXML:
JS: