多次使用showTimePicker将时间分配给多个变量

import { ref } from 'vue'; // 如果你在使用Vue.js
import { format, parseISO } from 'date-fns';

// 假设showTimePicker是一个返回Promise的函数，它解析用户选择的时间
async function showTimePicker() {
  // 这里应该是调用实际的UI组件库的代码
  // 返回用户选择的时间字符串，例如 '14:30'
}

// 初始化变量
const startTime = ref(null);
const endTime = ref(null);

// 选择开始时间的函数
async function selectStartTime() {
  const selectedTime = await showTimePicker();
  startTime.value = parseISO(`1970-01-01T${selectedTime}:00`);
}

// 选择结束时间的函数
async function selectEndTime() {
  const selectedTime = await showTimePicker();
  endTime.value = parseISO(`1970-01-01T${selectedTime}:00`);
}

// 使用示例
selectStartTime().then(() => {
  console.log('开始时间:', format(startTime.value, 'HH:mm'));
});

selectEndTime().then(() => {
  console.log('结束时间:', format(endTime.value, 'HH:mm'));
});