前端 - 使用element的DatePicker选择器时，可以进行限制吗？

Question

我使用的是

<el-date-picker      type="dates"      v-model="value4"      placeholder="选择一个或多个日期">    </el-date-picker>

，但是我进行限制，比如只能选择两个或几个日期，而不是无限制选择，怎么修改？

Answer 1

<template>  <div class="home">    <el-date-picker      type="dates"      v-model="dates"      placeholder="选择一个或多个日期"      :picker-options="pickerOptions"    >    </el-date-picker>  </div></template><script>export default {  data() {    return {      dates: [],    }  },  computed: {    pickerOptions({ dates }) {      // 构造一个map 存储已选中的日期      let datasMap = new Map(        dates.map((item, index) => {          return [item.getTime(), index]        })      )      return {        disabledDate: (date) => {          // 选择超过两个日期时增加禁用条件          if (dates && dates.length >= 2) {            // 对于已选中的日期返回false 未选中的日期返回true            return !datasMap.has(date.getTime());           }          return false        }      }    }  }}</script>