ant design vue时间组件

Ant Design Vue 提供了多种时间组件，包括日期选择器、时间选择器、日期时间选择器等。以下是一些常用的时间组件：

1. 日期选择器（DatePicker）

<template>
  <a-date-picker v-model="date" />
</template>

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

export default {
  components: {
    ADatePicker: DatePicker,
  },
  data() {
    return {
      date: null,
    };
  },
};
</script>

2. 时间选择器（TimePicker）

<template>
  <a-time-picker v-model="time" />
</template>

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

export default {
  components: {
    ATimePicker: TimePicker,
  },
  data() {
    return {
      time: null,
    };
  },
};
</script>

3. 日期时间选择器（DatePicker、TimePicker）

<template>
  <a-date-picker-show-time v-model="dateTime" show-time />
</template>

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

export default {
  components: {
    ADatePickerShowTime: DatePicker,
  },
  data() {
    return {
      dateTime: null,
    };
  },
};
</script>

除了以上时间组件，Ant Design Vue 还提供了多种自定义格式、范围选择等功能。具体可以参考官方文档：https://www.antdv.com/components/date-picker-cn/