el-date-picker控制以前的日期不可选中

要控制el-date-picker中以前的日期不可选中，可以使用el-date-picker的disabled-date属性。该属性可以接受一个函数作为参数，该函数用于判断日期是否可选。具体实现如下：

<template>
  <el-date-picker
    v-model="date"
    :disabled-date="disabledDate"
    type="date"
    placeholder="选择日期">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: ''
    }
  },
  methods: {
    disabledDate(time) {
      // 将时间转换为时间戳
      let timeStamp = new Date(time).getTime()
      // 获取今天的时间戳
      let today = new Date(new Date().toLocaleDateString()).getTime()
      // 判断时间戳是否小于今天的时间戳
      return timeStamp < today
    }
  }
}
</script>

在上述代码中，我们给el-date-picker组件添加了一个disabled-date属性，并将其绑定到一个名为disabledDate的方法上。在disabledDate方法中，我们首先将传入的时间转换为时间戳，然后获取今天的时间戳，最后判断传入的时间戳是否小于今天的时间戳。如果小于，则返回true，表示该日期不可选；如果大于或等于今天的时间戳，则返回false，表示该日期可选。