el-date-picker限制日期范围

需求：修改信息的时候，日期只允许在原来的日期和下一条日期之间修改，如果是最后一条信息，则不允许修改日期

实现：

1，html:

<el-date-picker v-model="temp.date" type="date" value-format="timestamp" :picker-options="pickerOptions"/>

2，data数据：

data () {
    return {
      list: [], // 列表数据
      pickerOptions: {}, // 日期选择器选项
    }
  },
3，点击修改信息，设置哪些日期可选哪些不可选

handleEdit (row) {
      // 查找当前信息的索引
      const index = this.list.findIndex(el => el.id == row.id)
      // 如果不是最后一条，通过索引，查找上一条信息的日期
      let endTime = ''
      if(index != 0){
        endTime = this.list[index-1].date
      }else{
        endTime = row.date
      }
      this.pickerOptions = Object.assign({}, this.pickerOptions, {
        disabledDate: (time) => {
          if(endTime == ''){
            return time.getTime() < row.date
          }else{
            return time.getTime() < row.date || time.getTime() > endTime
          }          
        }
      })
      this.temp = JSON.parse(JSON.stringify(row))
      this.dialogMode = 'edit'
      this.$nextTick(() => {
        this.$refs['form'].clearValidate()
      })
      this.dialogFormVisible = true
    },