Sélecteur de composants de formulaire d'applet WeChat


Sélecteur d'applet WeChat

Le sélecteur de défilement prend désormais en charge trois sélecteurs, distingués par mode, qui sont le sélecteur ordinaire, le sélecteur d'heure et le sélecteur de date. La valeur par défaut est le sélecteur ordinaire

Sélecteur ordinaire : mode=sélecteur

QQ截图20170208155819.png

.

Sélecteur d'heure : mode=time

QQ截图20170208155834.png

Sélecteur de date : mode=date

QQ截图20170208155852.png

Exemple de code :

<view class="section">
    <view class="section__title">地区选择器</view>
    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
        <view class="picker">
            当前选择:{{array[index]}}
        </view>
    </picker>
</view>
<view class="section">
    <view class="section__title">时间选择器</view>
    <picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
        <view class="picker">
            当前选择: {{time}}
        </view>
    </picker>
</view>

<view class="section">
    <view class="section__title">日期选择器</view>
    <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
        <view class="picker">
            当前选择: {{date}}
        </view>
    </picker>
</view>
rrree

picker