el-date-picker选择日期控件,选择一个日期之后,前三个月之前的日期不能选择,后三个月的日期也不能选择,变成置灰。
现在选择的是4月12号,然后往前3个月的日期都不能选择,然后往后3个月也不能选择,效果如下图所示:
<el-form-item label="操作时间">
<el-date-picker
v-model="dateValue"
type="daterange"
range-separator="至"
style="width:100%;max-width:100%"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
:clearable="false"
:picker-options="pickerOptions">
</el-date-picker>
</el-form-item>
pickerOptions:{
disabledDate(time) {
let curDate = new Date().getTime()
let three = 90 * 24 * 3600 * 1000
let minTime = curDate - three
let maxTime = curDate + three
return time.getTime() > maxTime || time.getTime() < minTime
},
},
three就是时间,时间变动修改这个字段就可以。