首页 > 技术文章 > ElementUI的日期组件禁止选择过去的时间

jzyu 2020-08-17 14:10 原文

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()
        }
      }

  

推荐阅读