ant-design-vue封装a-time-picker

Ant Design Vue (简称 AV) 封装的 a-time-picker 是基于 Ant Design 官方时间选择器组件的一个轻量级版本，它为 Vue.js 应用程序提供了一种简化的方式来集成 Ant Design 的时间选择功能。`<a-time-picker>` 组件允许用户选择特定的时间范围，并且通常包含日期和时间的选择功能，有自定义样式的选项，以及一些交互性和可用性提升的功能。

在 AV 中，你可以通过导入并注册组件来开始使用，例如：

<template>
  <a-time-picker :options="timePickerOptions" />
</template>

<script setup>
import { ATimePicker } from 'ant-design-vue';

const timePickerOptions = {
  format: 'HH:mm:ss', // 时间格式
  placeholder: '选择时间', // 显示的提示文字
};

const getTimePickerInstance = () => {
  const picker = ref(null);
  return {picker};
};

setup() {
  const { picker } = getTimePickerInstance();
  
  watch(timePickerOptions, () => {
    if (picker.value) {
      picker.value.updateOptions(timePickerOptions);
    }
  });
}
</script>