Element UI date picker selection range limit

The Element Ui document provides the corresponding configuration item [picker-options]

insert image description here

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()
  }
}

Guess you like

Origin blog.csdn.net/lyf976229437/article/details/122325255