Javascript 如何在元素UI datepicker中禁用日期?

Javascript 如何在元素UI datepicker中禁用日期?,javascript,vue.js,vuejs2,element-ui,Javascript,Vue.js,Vuejs2,Element Ui,我想选择出发日期,然后当我选择返回日期时,我希望函数在元素UI中禁用出发日期之前的所有日期 我能够禁用今天日期之前的所有日期。这里是函数 disabledDate(time) { var date = new Date(); var previousDate = date.setDate(date.getDate() - 1); return time.getTime() < previousDate; }, disabledDate(

我想选择出发日期,然后当我选择返回日期时,我希望函数在元素UI中禁用出发日期之前的所有日期

我能够禁用今天日期之前的所有日期。这里是函数

disabledDate(time) {
      var date = new Date();
      var previousDate = date.setDate(date.getDate() - 1);
        return time.getTime() < previousDate;  
    },
disabledDate(时间){
变量日期=新日期();
var previousDate=date.setDate(date.getDate()-1);
返回时间.getTime()
您必须使用选择器选项禁用日期:

var Main = {
    data() {
      return {
        value2: '',
        fromDate: null,
        pickerOptions: {
          disabledDate: this.disabledDate,
          onPick: this.pick
        }
      };
    },
  methods: {
    pick({ maxDate, minDate }) {
      this.fromDate = minDate;
    },
    disabledDate(date) {
       if (this.fromDate) {
         return this.fromDate > date
       }
       return false;
     }
  }
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
确保
pick
和disabledDate选项位于方法部分,而不是内联,否则您无法使用
this

也不要忘记清理fromDate,否则有人想设置一个不同的范围。他可能想有一个不同的开始日期


您使用的日期选择器模块是什么?@Naren他使用的是element.eleme.io