<!--时间选择器 -->
<view
class=''>选择时间></view>
<picker
mode="time"
value='{{time}}'
start="09:01"
end="21:01"
bindchange='bindTimeChange'
>
<view>当前选择:{{time}}</view>
</picker>
</form>
使用了官方自带的picker标签
start
表示有效时间范围的开始,字符串格式为"hh:mm"
end
表示有效时间范围的结束,字符串格式为"hh:mm"
bindchange
value 改变时触发 change 事件
我们定义了一个bindTimeChange事件接下来我们在js文件中:
bindTimeChange:function(e){
//设置事件
this.setData({
//给当前time进行赋值
time:e.detail.value
})
}
在这里我们在上面定义一个time="09:04" 默认设置成九点4分
接下来我们的时间选择就ok了
https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html
官方文档 比较细腻
眼看十遍,不如手巧十遍