详解picker日期和时间选择器

详解picker日期和时间选择器
微信小程序之picker日期和时间选择器 ,

下面来介绍小picker，分三种样式：

默认的自己可以定义数据的

mode="time"是时间选择器

mode="date"是日期选择器

跟其他的一样先来看下picker.wxml

<view class="page"> <view class="page__hd"> <text class="page__title">picker</text> <text class="page__desc">选择器</text> </view> <view class="page__bd"> <view class="section"> <view class="section__title">地区选择器</view> <picker bindchange="bindPickerChange" value="pw_index" range="pw_array"> <view class="picker"> 当前选择：pw_array[index] </view> </picker> </view> <view class="section"> <view class="section__title">时间选择器</view> <picker mode="time" value="pw_time" start="09:01" end="21:01" bindchange="bindTimeChange"> <view class="picker"> 当前选择: pw_time </view> </picker> </view> <view class="section"> <view class="section__title">日期选择器</view> <picker mode="date" value="pw_date" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange"> <view class="picker"> 当前选择: pw_date </view> </picker> </view> </view></view>