日常开发记录-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>

 效果展示：