uniapp的picker-view只设置时和分代码实现

以下是在uniapp中使用picker-view组件设置时和分的代码示例：

1. 在页面的.vue文件中添加以下代码：

<template>
  <view class="content">
    <picker-view :value="time" @change="onTimeChange">
      <picker-view-column>
        <view v-for="(hour, index) in hours" :key="index">{{hour}}</view>
      </picker-view-column>
      <picker-view-column>
        <view v-for="(minute, index) in minutes" :key="index">{{minute}}</view>
      </picker-view-column>
    </picker-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      time: [0, 0], // 默认选中的时间
      hours: [], // 小时
      minutes: [] // 分钟
    }
  },
  mounted() {
    // 初始化小时和分钟
    this.initTime()
  },
  methods: {
    initTime() {
      // 初始化小时
      for (let i = 0; i < 24; i++) {
        this.hours.push(i < 10 ? '0' + i : '' + i)
      }
      // 初始化分钟
      for (let i = 0; i < 60; i++) {
        this.minutes.push(i < 10 ? '0' + i : '' + i)
      }
    },
    onTimeChange(e) {
      // 获取选中的时间
      const time = e.detail.value
      console.log('选中的时间：', time)
    }
  }
}
</script>

<style>
.content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
</style>

2. 在上述代码中，我们首先初始化了小时和分钟的数组，然后在模板中使用picker-view组件来展示小时和分钟的选择器。我们设置picker-view组件的value属性为time，表示默认选中的时间，然后通过@change事件来获取选中的时间。

3. 在onTimeChange方法中，我们可以通过e.detail.value来获取选中的时间，然后进行后续处理。

4. 最后，在样式中我们设置了.content的样式，让picker-view组件居中显示。