Element UI日期选择器选择范围限制

Element Ui文档提供了对应配置项【picker-options】

HTML

<el-date-picker
    v-model="value"
    type="date"
    :picker-options="options">
</el-date-picker>

JS

// 限制选择今天以及今天之后的日期
options: {
    
    
  disabledDate(time) {
    
    
     return time.getTime() < Date.now() - 8.64e7
  }
}

// 限制选择今天以及今天以前的日期
options: {
    
    
  disabledDate(time) {
    
    
     return time.getTime() > Date.now() - 8.64e6
  }
}

// 限制选择今天之后的日期
options: {
    
    
  disabledDate(time) {
    
    
     return time.getTime() < Date.now()
  }
}

// 限制选择今天之前的日期
options: {
    
    
  disabledDate(time) {
    
    
     return time.getTime() > Date.now()
  }
}