vue3+ts使用ant desigen vue库DatePicker日期选择框只能选择此刻之后

在Vue 3和TypeScript中，如果你想要使用Ant Design Vue库的DatePicker组件仅允许用户选择当前时间之后的日期，你可以通过设置DatePicker的picker属性为'date'并结合allowClear属性，并通过disabledDate属性来禁用过去的日期。以下是一个简单的例子：

<template>
  <a-date-picker
    :picker="'date'"
    :allowClear="false"
    :disabledDate="disabledDate"
  />
</template>
 
<script lang="ts">
import { defineComponent } from 'vue';
import { DatePicker } from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
 
export default defineComponent({
  components: {
    'a-date-picker': DatePicker,
  },
  setup() {
    const disabledDate = (current: Date) => {
      return current < new Date(); // 禁用当前时间之前的日期
    };
 
    return {
      disabledDate,
    };
  },
});
</script>

在这个例子中，disabledDate函数返回一个布尔值，当返回true时表示该日期不可选中，即禁用该日期。这里使用new Date()来获取当前时间，并通过比较当前日期current与此刻时间的比较结果来确定是否禁用日期。这样设置后，DatePicker组件只允许用户选择当前时间之后的日期。