ElementUI 中date-picker 使用disabledDate设定禁用日期

ElementUI中 DatePicker 组件设定禁用日期（disabledDate）是一个常用的Api

实现一下禁止选中今天之后的日期

image.png

template中使用:picker-options ：

<div class="block">

    <span class="demonstration">带快捷选项</span>

    <el-date-picker

      v-model="value2"

      align="right"

      type="date"

      placeholder="选择日期"

      :picker-options="pickerOptions">

    </el-date-picker>

  </div>

script:

data() {
      return {
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          }
       }
    }
}