小码问答，有问必答！

从后端传过来一个Date的List然后我想根据这个list disable掉 el_date_picker中指定的date

我在用vue的时候 从后端传过来一个Date的List然后我想根据这个list disable掉 el_date_picker中指定的date ,现在我遇到的问题是如何根据这个list的长度来生成对应的条件,就比如:长度为1的时候,条件为(time.getTime() < new Date(teacherBusyDay.value[0]) && time.getTime() > new Date(teacherBusyDay.value[0]) - 86400000),长度为2的时候,条件为(time.getTime() < new Date(teacherBusyDay.value[0]) && time.getTime() > new Date(teacherBusyDay.value[0]) - 86400000)  || (time.getTime() < new Date(teacherBusyDay.value[1]) && time.getTime() > new Date(teacherBusyDay.value[1]) - 86400000); 我想到了用循环,但是写不出来.

WEB前端

收藏

2个回答

我要回答

  • author
    王姐姐 2021-11-03 14:28

    要禁用某些日期，就使用disabledDate属性指定一个方法，该方法用来判断当前日期是否被禁用，参数为一个Date对象，返回一个Boolean值，返回false表示不禁用，返回true表示禁用，显示日历中每个日期时都通过该方法来判断是否禁用。

    • author
      王姐姐 2021-11-03 14:26 
          <el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="Select date and time"
      :disabledDate="disableDate"
    >
          disableDate(date){
      return date>Date.parse("2021-11-20");
    }


      我有问题