ant vue 日期选择器默认今天

在Vue中，如果你想要使用Ant Design的日期选择器，并将其设置为默认显示当前日期，你可以通过以下步骤实现：

1. 首先，确保已经安装了`ant-design-vue`库，如果没有，可以使用npm或yarn安装：

   npm install ant-design-vue
   # 或者
   yarn add ant-design-vue

2. 引入相关的组件，包括`<a-date-picker>`组件：

   <template>
     <a-date-picker v-model="currentDate" placeholder="选择日期"></a-date-picker>
   </template>

3. 在你的组件数据（data）里定义一个变量`currentDate`，初始化为当前日期：

   data() {
     return {
       currentDate: new Date(),
     };
   }

4. `v-model`绑定到`currentDate`，这样当你创建这个组件时，日期选择器会自动填充当前日期。

完整示例：

<template>
  <a-date-picker v-model="currentDate" placeholder="选择日期" />
</template>

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

const currentDate = ref(new Date());
</script>