ElementUI的日期组件禁止选择过去的时间

1. 在组件中添加picker-options属性;官方说明:当前时间日期选择器特有的选项

          <el-date-picker
            v-model="addForm.date"
            placeholder="请选择使用日期"
            type="date"
            value-format="yyyy-MM-dd"
            :picker-options="expireTimeOption"
          />

  

2. 在data函数中return对应的特有的选项expireTimeOption;

      expireTimeOption: {
        disabledDate(date) {
          // 当天可选:date.getTime() < Date.now() - 24 * 60 * 60 * 1000
          return date.getTime() < Date.now()
        }
      }

  

声明:此资源由本博客收集整理,只用于记录心得和交流学习,请勿用作它途。如有侵权,请联系, 删除处理。
原文地址:https://www.cnblogs.com/jzyu/p/13517317.html