el-date-picker 只能选择当天的开始时间和结束时间

el-date-picker 组件默认只能选择日期，如果需要选择时间，需要使用 el-time-picker 组件。如果想要限制 el-date-picker 只能选择当天的开始时间和结束时间，可以通过设置其 disabledDate 属性来实现。具体方法是在 el-date-picker 标签上添加 :disabled-date="disabledDate" 属性，并在 Vue 实例中添加 disabledDate 方法来实现日期的限制。例如：

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

<script>
export default {
  data() {
    return {
      pickedDate: '',
      pickerOptions: {
        disabledDate: (time) => {
          const start = new Date()
          start.setHours(0, 0, 0, 0)
          const end = new Date()
          end.setHours(23, 59, 59, 999)
          return time.getTime() < start.getTime() || time.getTime() > end.getTime()
        }
      }
    }
  },
  methods: {
    disabledDate(time) {
      const start = new Date()
      start.setHours(0, 0, 0, 0)
      const end = new Date()
      end.setHours(23, 59, 59, 999)
      return time.getTime() < start.getTime() || time.getTime() > end.getTime()
    }
  }
}
</script>

在上面的示例中，我们定义了一个 disabledDate 方法，它返回一个函数，该函数接受一个时间参数，如果该时间早于今天的开始时间或晚于今天的结束时间，则返回 true，表示该日期不可选。同时，我们还将 pickerOptions 中的 disabledDate 属性设置为我们定义的 disabledDate 方法，以确保日期选择器受到限制。