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

發(fā)表時(shí)間：2021-4-6

發(fā)布人：葵宇科技

瀏覽次數(shù)：75

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

1、普通選擇器

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

WXML:

二、時(shí)間選擇器

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

WXML:

屬性值start表示有效時(shí)間范圍的開始，end表示有效時(shí)間范圍的結(jié)束

JS:

3、日期選擇器

日期選擇器也是比較常用的，可以設(shè)置最小時(shí)間/最大時(shí)間，超出這個(gè)時(shí)間段是無法選擇的~

WXML:

JS:

欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特