element-ui 使用 el-date-picker 如何限制时间选择范围?

使用 pickerOptions 属性绑定该属性下的 disabledDate 方法,可以获取到当前选中的时间

示例代码,以下是限制只能选择今天及以后的日期

<el-date-picker
          v-if="item.inputType === 'date'"
          v-model="item.value"
          size="mini"
          type="date"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          :picker-options="pickerOptions"
          :placeholder="item.placeholder"
          @input="changeVal(item.value, index)"
>
</el-date-picker>

// js
data () {
      return {
        pickerOptions: {
          disabledDate (time) {
            return time.getTime() < Date.now() - 86400000
          }
        }
      }
    },

 

posted @ 2024-07-10 16:59  蓓蕾心晴  阅读(884)  评论(0编辑  收藏  举报