您可以使用el-date-picker的属性disabledDate来设置可选范围。disabledDate是一个函数,它接收一个日期作为参数,您可以在函数中根据需要返回一个布尔值来决定该日期是否可选。

以下是一个示例:

<template>
  <div>
    <el-date-picker
      v-model="selectedDate"
      :disabled-date="disabledDate"
    ></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: null
    };
  },
  methods: {
    disabledDate(date) {
      // 设置可选范围为今天之前的日期和未来10天之后的日期
      const today = new Date();
      const tenDaysLater = new Date(today.getTime() + 10 * 24 * 60 * 60 * 1000);
      return date < today || date > tenDaysLater;
    }
  }
};
</script>

在上面的示例中,disabledDate函数会判断日期是否在今天之前或者未来10天之后,如果是则返回true,表示该日期不可选

el-date-picker设置可选范围

原文地址: http://www.cveoy.top/t/topic/ispC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录