日常开发记录-elementUI 时间选择器实现禁用指定时间功能

代码演示：

<template>
  <div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      align="right"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd">
    </el-date-picker>
  </div>
</template>


<script>
export default {
  data () {
    return {
      pickerOptions: {
        disabledDate (time) {
          console.log(+new Date('2022-07-23')) // 1658534400000
          // 方法一：
          // return time.getTime() < new Date('2022-07-23').getTime()
          // 方法二：更简洁
          return time < +new Date('2022-07-23')
        }
      },
      value1: '',
      value2: ''
    }
  }
}
</script>

 效果展示：