element-ui 日期选择器设置禁用日期

效果图如下：

2024-09-01 到2024-09-18之间的日期都不可选

2024-01-01之前的日期都不可选

官方文档中 picker-options 相关的介绍

实现功能：

​ 某仓库有限制最大可放置资产数量，且资产出借和存放都有记录。由于线下仓库资产出借和购入记录都由人为记录，之后再将记录录入到系统中，为防止人为出现误差导致不能及时将信息录入系统或录入信息出错，需要实现以下控制：

仓库没有空位放置资产时，不可向仓库新增资产；资产进出有先后顺序，仓库没有余位放置资产时，需要保证先出后进。

思路：

​ 1、获取某一仓库的未出借的所有资产记录，计算这些记录覆盖的所有日期，并统计每个日期对应的资产数量

​ 2、找出资产数量达到仓库最大容量的日期，按照排序返回给前端。

​ 3、前端获取到数据后存储起来（如数组），检查当前日期是否在仓库已满的日期列表中，如果是则禁用该日期

​ 4、额外考虑是否需要该条件：仓库创建之前资产无法存放，是否有必要禁用

详细步骤：

1、定义日期选择器，在picker标签中，指定 picker-options 对应 data 中校验的变量，pickerOptions 是一个对象，其中包含 disabledDate 属性用于确定哪些日期应该被禁用。

        <el-form-item label="购买日期" prop="startDate">
          <el-date-picker
            clearable
            v-model="form.buyDate"