mode选择器类别selector为普通选择器bindchange是监听事件点击确定时触发bindcancel也是监听事件点击取消时触发view普通选择器/viewpickermode="selector"range="{{array}}"value="{{index}}"bindchange="commonSelected"bindcancel='commonCancel'text{{array[index]}}/text/pickerPage({data:{array:['zn','usa','hk'],index:0},commonSelected:function(e){//改变index值，通过setData()方法重绘界面this.setData({index:e.detail.value});},commonCancel:function(){console.log('我取消了！');}})
value是默认选中的值只能选择start-end之间的时间bindchange监听事件viewview日期选择器/viewpickermode="date"value="{{date}}"start="2015-09-01"end="{{date}}"bindchange="bindDateChange"view当前选择:{{date}}/view/picker/view获取当前时间
在utils/util.js中functionformatTime(date){varyear=date.getFullYear()varmonth=date.getMonth()+1varday=date.getDate()varhour=date.getHours()varminute=date.getMinutes()varsecond=date.getSeconds()return[year,month,day].map(formatNumber).join('-')}functionformatNumber(n){n=n.toString()returnn[1]?n:'0'+n}module.exports={formatTime:formatTime}varutil=require('../../utils/util.js');onLoad:function(){vartime=util.formatTime(newDate());//再通过setData更改Page()里面的data，动态更新页面的数据this.setData({date:date});},bindDateChange:function(e){//调用setData()重新绘制this.setData({date:e.detail.value,});}省市选择器
custom-item是自定义选项于每一列的顶部viewview省市区选择器/viewpickermode="region"bindchange="bindRegionChange"value="{{region}}"custom-item="{{customItem}}"view当前选择：{{region[0]}}，{{region[1]}}，{{region[2]}}/view/picker/viewbindRegionChange:function(e){console.log('picker发送选择改变，携带值为',e.detail.value)this.setData({region:e.detail.value})}时间选择器
viewview时间选择器/viewpickermode="time"value="{{time}}"start="09:01"end="21:01"bindchange="bindTimeChange"view当前选择:{{time}}/view/picker/view
