vue3-element-admin的组件el-time-picker设置只能选择上午或下午

上午：

<el-time-picker style="width: 80%;" :disabled="!top_status" is-range v-model="top_time"range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" @change="startTime">
</el-time-picker>

const startTime = (value) => {
  let formattedDates = [];
  value.forEach((time) => {
    let inputTime = new Date(time);
    let hours = inputTime.getHours();
    let minutes = inputTime.getMinutes();
    let seconds = inputTime.getSeconds();
    let formattedTime = `${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
    formattedDates.push(formattedTime);
  });
  // 在这里处理选中时间的逻辑
  let h = formattedDates[0].split(':')
  let s = formattedDates[1].split(':')
  console.log(s);
  if (h[0] > 12 || s[0] > 12) {
    ElMessage({
      type: 'warning',
      message: '只能选择上午',
    });
    top_time.value = ['Thu Jan 25 2024 08:00:00 GMT+0800 (中国标准时间)', 'Thu Jan 25 2024 08:01:11 GMT+0800 (中国标准时间)'];
  }
};

下午：

<el-time-picker is-range v-model="bottom_time" :disabled="!bottom_status" range-separator="至"
              start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围" @change="endTime">
            </el-time-picker>

const endTime = (value) => {
  let formattedDates = [];
  value.forEach((time) => {
    let inputTime = new Date(time);
    let hours = inputTime.getHours();
    let minutes = inputTime.getMinutes();
    let seconds = inputTime.getSeconds();
    let formattedTime = `${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
    formattedDates.push(formattedTime);
  });
  // 在这里处理选中时间的逻辑
  let h = formattedDates[0].split(':')
  let s = formattedDates[1].split(':')
  if (h[0] < 12 || s[0] < 12) {
    ElMessage({
      type: 'warning',
      message: '只能选择下午',
    });
    bottom_time.value = ['Thu Jan 25 2024 12:00:00 GMT+0800 (中国标准时间)', 'Thu Jan 25 2024 12:01:11 GMT+0800 (中国标准时间)'];
  }
}