WeChat 애플릿 양식 구성 요소 선택기 선택기


WeChat 애플릿 선택기

스크롤 선택기는 이제 모드별로 구분되는 세 가지 선택기, 즉 일반 선택기, 시간 선택기, 날짜 선택기를 지원합니다. 기본값은 일반 선택기입니다.

일반 선택기: mode=selector

QQ截图20170208155819.png

시간 선택기: 모드=time

QQ截图20170208155834.png

날짜 선택기: 모드=날짜

QQ截图20170208155852.png

샘플 코드:

<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