el-date-picker中限制用户选择周日或者以后的时间_日期选择器

disabled-date是一个用于日期选择器(DatePicker)组件的属性,用于禁用特定的日期。通过设置disabled-date属性,你可以定义一个函数来确定哪些日期应该被禁用。

这个函数会接收一个日期参数,并返回一个布尔值来指示该日期是否应该被禁用。如果返回true,表示该日期被禁用,如果返回false,表示该日期可用。以下是一个示例:

<el-date-picker
        v-model="pickerValue"
        class="filter-bar-datepicker"
        type="daterange"
        effect="dark"
        start-placeholder="YYYY-MM-DD"
        end-placeholder="YYYY-MM-DD"
        range-separator="至"
        popper-class="filter-bar-date-picker"
        format="YYYY-MM-DD"
        value-format="x"
        @change="onPickerChanged"
        :disabled-date = "disabledDate"
      />
//--------------------------------------------------------

<DatePicker :disabled-date="isDateDisabled" />
methods: {
  isDateDisabled(date) {
    // 在这个函数中定义日期禁用的逻辑
    // 返回true表示禁用该日期,返回false表示可用
    return date.getDay() === 0; // 禁用所有星期日
    // 以后的时间
    //return time.getTime() > Date.now()
  }
}

在上面的示例中,isDateDisabled是一个方法,它接收一个日期对象作为参数,并根据日期的星期几来判断是否禁用该日期。在这个例子中,所有星期日将被禁用。

你可以根据自己的需求在isDateDisabled方法中编写逻辑来禁用特定的日期。