元素 UI 日期选择器已禁用日期从和日期到

Question

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

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

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

Answer 1

对于禁用未来日期也使用 From in 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>

图片

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

元素 UI 日期选择器已禁用日期从和日期到

Element UI Datepicker Disabled Date from and Date to

vue.js

element-ui