Element UI Datepicker Disabled Date from 和 Date to答案

【问题标题】：Element UI Datepicker Disabled Date from and Date toElement UI Datepicker Disabled Date from 和 Date to
【发布时间】：2021-09-07 20:55:44
【问题描述】：

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

有人知道如何禁用过去的日期吗？这段代码只能禁用未来的日期，我想做的是禁用过去和未来的日期，只启用 3 天。

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

【问题讨论】：

请看此码笔codesandbox.io/s/ww60k220z8?file=/components/Demo.vue
@Dineshkarthik 谢谢你，但我需要禁用过去和未来的日期，唯一启用的是今天的日期
或仅启用例如24 日期今天唯一启用的是 23,24,25 ？我在这个兄弟@Dineshkarthik 上找不到任何解决方案

标签： vue.js element-ui

【解决方案1】：

对于禁用未来日期，请在 disabledates 中使用 From：方法

<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>

图片

你可以试试上面评论中提到的代码沙箱

【讨论】：

哇，谢谢兄弟！我不知道有一个从和到