element-ui 日期选择器选择的时间前后只能选择今天之后不能选择今天之前以及五年后的日期
```javascript
<el-date-picker
style="width: 280px; margin-right: 10px"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="timestamp"
@change="dateSearch"
range-separator="至"
v-model="dateArr"
:editable="false"
type="daterange"
align="center"
size="small"
:clearable="clearable"
:picker-options="pickerOptions"
/>
pickerOptions: {
disabledDate: time => {
const currentDate = new Date() // 当前日期
const selectedDate = new Date(time) // 当前选择的日期
// 计算当前日期五年后的日期
const fiveYearsAfterCurrent = new Date(
currentDate.getFullYear() + 5,
currentDate.getMonth(),
currentDate.getDate() + 1
)
// 如果选择的日期在当前日期之前或在当前日期五年后之后,则禁用该日期
return (
selectedDate < currentDate - 8.64e7 ||
selectedDate >= fiveYearsAfterCurrent
)
}
}