uniapp组件只提供选择时分,所以要单独写方法获取。
uniapp扩展组件:日期选择器也没有单独的选择时分秒
<picker mode="multiSelector" @change="bindTimeChange($event,index)" :range="getTimeArray()" :value="domain.feedTime.split(':')">
<view class="uni-name" v-if="domain.feedTime">
{{ domain.feedTime}}
</view>
<view class="uni-placeholder" v-else>请选择时间</view>
</picker>
methods: {
/**选择时分秒**/
bindTimeChange(e, i) {
let timeArr = e.detail.value;
this.baseFormData.itemList[i].feedTime = (timeArr[0] < 10 ? '0' + timeArr[0] : '' + timeArr[0]) +
':' +
(timeArr[1] < 10 ? '0' + timeArr[1] : '' + timeArr[1]) + ':' +
(timeArr[2] < 10 ? '0' + timeArr[2] : '' + timeArr[2])
},
getTimeArray() {
let timeArr = []
timeArr.push(this.getLoopArray(0, 23))
timeArr.push(this.getLoopArray(0, 59))
timeArr.push(this.getLoopArray(0, 59))
return timeArr;
},
getLoopArray(startNum, endNum) {
let array = [];
for (let i = startNum; i <= endNum; i++) {
i < 10 ? array.push('0' + i) : array.push('' + i);
}
return array;
},
}