el-date-picker单次选择精确到某天

`el-date-picker`是Element UI库中的日期选择器组件，在需要用户只能选择特定时间范围内的某一天作为输入值时，你可以通过配置它的属性来实现精确到某一天的单次选择。

首先，确保你已经安装了Element UI，并在你的Vue项目中引入了`el-date-picker`。然后，你可以这样做：

<template>
  <el-date-picker
    v-model="date"
    type="date" // 设置为日期类型而不是日期时间
    placeholder="请选择日期"
    :picker-options="{ disabledDate:.disabledDays }" // 配置disabledDate函数
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      disabledDays: (currentDate) => { // 自定义禁用日期
        if (!currentDate || !currentDate.date()) return false;
        const today = new Date();
        const dayDiff = currentDate.date() - today.getDate();
        return dayDiff > 0 ? dayDiff % 7 !== 0 : true; // 禁止选择前七天和当天
      },
    };
  },
};
</script>

在这个例子中，我们设置了`type="date"`来限制用户只选择日期，然后自定义了一个`disabledDate`函数，它检查当前选中的日期是否在允许的选择范围内。这里我们选择了禁止选择今天及之前的七天。