vue3 antdesginvue a-date-picker只能选当前日期之后的日期

最新推荐文章于 2024-03-15 11:38:46 发布

造梦者FZ

最新推荐文章于 2024-03-15 11:38:46 发布

阅读量790

点赞数

分类专栏： vue 文章标签：前端 vue.js anti-design-vue

本文链接：https://blog.csdn.net/qq_43923146/article/details/129819206

版权

vue 专栏收录该内容

80 篇文章 4 订阅

订阅专栏

vue3 antdesginvue a-date-picker只能选当前日期之后的

:disabled-date=“disabledDate”

<a-form-item
  label="发生时间"
  name="activate_time"
>
  <a-date-picker
    style="width: 100%"
    allowClear
    v-model:value="formState.activate_time"
    show-time
    placeholder="请选择"
    :disabled-date="disabledDate"
  />
</a-form-item>

<script lang="ts" setup>
  import dayjs, { Dayjs } from 'dayjs'
    //设置时间组件只能选择当前日期之后的时间
  const disabledDate = (current: any) => {
    return current && current < dayjs().subtract(1, 'days')
  }
</script>