Vben Admin——DatePicker 禁用指定日期

dbt@L

于 2024-07-03 09:41:07 发布

阅读量174

点赞数 1

分类专栏： Vben Admin 文章标签： Vben Admin

本文链接：https://blog.csdn.net/qq_43201350/article/details/140143561

版权

Vben Admin 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

如禁用当前时间 10 天前的日期

效果：
在这里插入图片描述

代码实现：

import moment from 'moment';
  {
    field: 'date',
    component: 'DatePicker',
    label: '日期',
    required: true,
    colProps: {
      span: 12,
    },
    componentProps: ({ formModel }) => {
      return {
        style: {
          width: '100%',
        },
        getPopupContainer: () => document.body,
        onChange: (e) => {

        },
        disabledDate : (current) => current && current < moment().subtract(11, 'day')
      };
    },
  },