小程序模板網(wǎng)

小程序中picker的使用|日期、時間、省市區(qū)聯(lián)動都可以用它實現(xiàn) ...

發(fā)布時間:2018-04-25 10:53 所屬欄目:小程序開發(fā)教程

今天來說一下小程序中picker組件的使用,官方說明如下:從底部彈起的滾動選擇器,現(xiàn)支持五種選擇器,通過mode來區(qū)分,分別是普通選擇器,多列選擇器,時間選擇器,日期選擇器,省市區(qū)選擇器,默認是普通選擇器。

 

1、普通選擇器

普通選擇器更像是HTML中的select標簽,主要實現(xiàn)單選功能,直接看官網(wǎng)示例就可以明白,很簡單,以下是我寫的demo~

 

WXML:

JS

 

二、時間選擇器

選擇開始時間和結束時間都可以用,此選擇器接收字符串格式為"hh:mm"的時間,最小只能選擇到分鐘~

WXML:

屬性值start表示有效時間范圍的開始,end表示有效時間范圍的結束

 

JS:

 

3、日期選擇器

日期選擇器也是比較常用的,可以設置最小時間/最大時間,超出這個時間段是無法選擇的~

 

WXML:

 

JS:



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24053.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢