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

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM