小程序中picker的使用|日期、時間、省市區聯動都可以用它實現 ...
發布時間：2018-04-25 10:53 所屬欄目：小程序開發教程
|
今天來說一下小程序中picker組件的使用，官方說明如下：從底部彈起的滾動選擇器，現支持五種選擇器，通過mode來區分，分別是普通選擇器，多列選擇器，時間選擇器，日期選擇器，省市區選擇器，默認是普通選擇器。
1、普通選擇器 普通選擇器更像是HTML中的select標簽，主要實現單選功能，直接看官網示例就可以明白，很簡單，以下是我寫的demo~
WXML:
JS
二、時間選擇器 選擇開始時間和結束時間都可以用，此選擇器接收字符串格式為"hh:mm"的時間，最小只能選擇到分鐘~
WXML:
屬性值start表示有效時間范圍的開始，end表示有效時間范圍的結束
JS:
3、日期選擇器 日期選擇器也是比較常用的，可以設置最小時間/最大時間，超出這個時間段是無法選擇的~
WXML:
JS:
|
