添加picker

dist/app.json

@@ -25,6 +25,7 @@
     "example/msg/msg",
     "example/msg/msg_success",
     "example/msg/msg_fail",
+    "example/picker/picker",
     "example/toast/toast",
 
     "example/navbar/navbar",

dist/example/index.js

@@ -17,7 +17,7 @@ Page({
                 id: 'feedback',
                 name: '操作反馈',
                 open: false,
-                pages: ['actionsheet', 'dialog', 'msg', 'toast']
+                pages: ['actionsheet', 'dialog', 'msg', 'picker', 'toast']
             },
             {
                 id: 'nav',

dist/example/picker/picker.js

+Page({
+    data: {
+        array: ['美国', '中国', '巴西', '日本'],
+        index: 0,
+        date: '2016-09-01',
+        time: '12:01'
+    },
+    bindPickerChange: function(e) {
+        console.log('picker发送选择改变，携带值为', e.detail.value)
+        this.setData({
+            index: e.detail.value
+        })
+    },
+    bindDateChange: function(e) {
+        this.setData({
+            date: e.detail.value
+        })
+    },
+    bindTimeChange: function(e) {
+        this.setData({
+            time: e.detail.value
+        })
+    }
+});
\ No newline at end of file

dist/example/picker/picker.wxml

+<view class="page">
+    <view class="page__hd">
+        <view class="page__title">Picker</view>
+        <view class="page__desc">选择器，这里使用小程序原生的picker。</view>
+    </view>
+    <view class="page__bd">
+        <view class="weui-btn-area">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+                <button type="default">单列选择器</button>
+            </picker>
+            <picker class="weui-btn" mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
+                <button type="default">时间选择器</button>
+            </picker>
+            <picker class="weui-btn" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+                <button type="default">日期选择器</button>
+            </picker>
+        </view>
+    </view>
+</view>
\ No newline at end of file

dist/example/picker/picker.wxss

+page{
+    background-color: #FFFFFF;
+}
\ No newline at end of file

src/app.json

@@ -25,6 +25,7 @@
     "example/msg/msg",
     "example/msg/msg_success",
     "example/msg/msg_fail",
+    "example/picker/picker",
     "example/toast/toast",
 
     "example/navbar/navbar",

src/example/index.js

@@ -17,7 +17,7 @@ Page({
                 id: 'feedback',
                 name: '操作反馈',
                 open: false,
-                pages: ['actionsheet', 'dialog', 'msg', 'toast']
+                pages: ['actionsheet', 'dialog', 'msg', 'picker', 'toast']
             },
             {
                 id: 'nav',

src/example/picker/picker.js

+Page({
+    data: {
+        array: ['美国', '中国', '巴西', '日本'],
+        index: 0,
+        date: '2016-09-01',
+        time: '12:01'
+    },
+    bindPickerChange: function(e) {
+        console.log('picker发送选择改变，携带值为', e.detail.value)
+        this.setData({
+            index: e.detail.value
+        })
+    },
+    bindDateChange: function(e) {
+        this.setData({
+            date: e.detail.value
+        })
+    },
+    bindTimeChange: function(e) {
+        this.setData({
+            time: e.detail.value
+        })
+    }
+});
\ No newline at end of file

src/example/picker/picker.wxml

+<view class="page">
+    <view class="page__hd">
+        <view class="page__title">Picker</view>
+        <view class="page__desc">选择器，这里使用小程序原生的picker。</view>
+    </view>
+    <view class="page__bd">
+        <view class="weui-btn-area">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
+                <button type="default">单列选择器</button>
+            </picker>
+            <picker class="weui-btn" mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
+                <button type="default">时间选择器</button>
+            </picker>
+            <picker class="weui-btn" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
+                <button type="default">日期选择器</button>
+            </picker>
+        </view>
+    </view>
+</view>
\ No newline at end of file

src/example/picker/picker.wxss

+page{
+    background-color: #FFFFFF;
+}
\ No newline at end of file