元素 UI 日期选择器禁用日期和日期

问题描述

datePickerOptions: {
    disabledDate (date) {
        return date > new Date()
    },}

有人知道如何禁用过去的日期吗?此代码只能禁用未来日期,我想做的是禁用过去和未来日期并仅启用 3 天。

例如1 月 2 日是今天的日期,1 月 1 日、1 月 2 日、1 月 3 日是启用日期。

enter image description here

解决方法

对于禁用未来日期也使用 From 中的 disabledates:方法

<script>
import Datepicker from "vuejs-datepicker";

export default {
  components: {
    Datepicker
  },data() {
    return {
      model: {
        date: ""
      },DatePickerFormat: "dd/MM/yyyy",disabledDates: {
        from: new Date(Date.now()),to: new Date(Date.now()-8640000)
      }
    };
  }
};
</script>

图片 enter image description here

您可以尝试使用上面评论中提到的链接的代码沙箱