element-ui中DatePicker 日期选择器选择今天之前或之后日期

禁用日期通过 disabledDate 设置，传入函数。

1. 添加pickerOptions配置项

<el-date-picker
      v-model="value2"
      align="right"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions">
</el-date-picker>

2. disabledDate 设置禁用状态，参数为当前日期，要求返回 Boolean

<script>
  export default {
    data() {
      return {
        pickerOptions: this.handelDate(),
        value2:''
      }
    },
    methods:{
    handelDate () {
     return {
        // disabledDate : 设置禁用状态，参数为当前日期，要求返回 Boolean
        disabledDate (time) {
          return time.getTime() > Date.now() // 只能选今天之前的日期
          // return time.getTime() < Date.now() // 只能选今天之后的日期
          // return time.getTime() < Date.now() - 1 * 24 * 3600 * 1000 // 包括当前日期之后的日期
        }
      }
    }

   }
  }
</script>