> 위챗 애플릿 > 미니 프로그램 개발 > 선택기 스크롤 선택기

선택기 스크롤 선택기

迷茫
풀어 주다: 2017-03-25 15:55:15
원래의
1740명이 탐색했습니다.

구성 요소 설명:

선택기:

스크롤 선택기, 이제 세 가지 선택기를 지원합니다. 일반 선택기(mode = 선택기), 시간 선택기(mode = time), 날짜 선택기(mode = date)인 모드 속성에 따라 기본값은 일반 선택기입니다.         

wxml

rreee


js

아아아앙

wxss

<view class="page">
  <view class="pagehd">
    <text class="pagetitle">picker</text>
    <text class="pagedesc">选择器</text>
  </view>
  <view class="pagebd">
    <view class="section">
      <view class="sectiontitle">地区选择器</view>
      <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
        <view class="picker">
          当前选择:{{array[index]}}
        </view>
      </picker>
    </view>
    <view class="section">
      <view class="sectiontitle">时间选择器</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="sectiontitle">日期选择器</view>
      <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
        <view class="picker">
          当前选择: {{date}}
        </view>
      </picker>
    </view>
  </view>
</view>
로그인 후 복사


주요 속성 :

선택기 스크롤 선택기

위 내용은 선택기 스크롤 선택기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿