微信小程序——picker组件

picker组件应用比较广泛，可以做普通的选择器，也可以单独专门做一个时间选择器。这里我们先用一个时间选择器作为例子使用，时间选择器中比较重要的属性如下

• value：表示选中的时间，格式为“hh：mm”，默认为空。
• start：有效范围开始时间
• end：有效范围结束时间
• bindchange：value改变时触发change事件
• disable：是否禁用，默认为false

代码如下：

a.wxml

<picker value='{{selectTime}}' mode="time" start="{{startTime}}" end="{{endTime}}" bindchange="change"> 
  <view class="picker">
    当前选中：{{selectTime}}
  </view>
</picker>

a.js

Page({
change:function(e)
{
  this.setData({
    selectTime:e.detail.value
  });
},
data: {
  startTime:"00:00",
  endTime:"24:00",
  selectTime:"11:00",
}
});

a.wxss

.picker{border:solid 1px #ddd;background-color: #fafafa; padding:10px}