html
<view class="cu-form-group arrow">
<view class="title">预约时间</view>
<picker mode="time" :value="bindTime" :start="bindTimee" @change="timeChange">
<view class="picker">
{{bindTime}}
</view>
</picker>
</view>
</view>
js
data() {
const currentTime = this.getTime({
format: true
})
return {
bindTime: currentTime,
bindTimee: currentTime,
}
},
methods:{
timeChange: function(e) {
this.bindTime = e.detail.value;
},
// 获取当前时间
getTime(type) {
const date = new Date();
let hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
let minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
return `${hour}:${minute}`;
}
}