js代碼：
//index.js
//獲取應用實例
var app = getApp()
Page({
data: {
date: '2016-11-08',
time: '12:00',
array: ['中國', '巴西', '日本', '美國'],
index: 0,
},
onLoad: function () {
},
// 點擊時間組件確定事件
bindTimeChange: function (e) {
this.setData({
time: e.detail.value
})
},
// 點擊日期組件確定事件
bindDateChange: function (e) {
this.setData({
date: e.detail.value
})
},
// 點擊國家組件確定事件
bindPickerChange: function (e) {
this.setData({
index: e.detail.value
})
}
})
wxml代碼：
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx">
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
國家：{{array[index]}}
</view>
</picker>
</view>
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx">
<picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
<view class="picker">
時間: {{time}}
</view>
</picker>
</view>
<view class="section" style="background:#787878;margin:20rpx;padding:20rpx">
<picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
日期: {{date}}
</view>
</picker>
</view>