需求:要求选择时间范围不超过31天
html
<el-form-item label="查询日期">
<el-date-picker value-format="yyyy-MM-dd" v-model="value4" :picker-
options="pickerOptions4" type="daterange" range-separator="至" start-placeholder="开始日
期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
js
export default {
data() {
return {
value4: '',
// 控制俩个日期之前不能超过30天
pickerOptions4: {
onPick: obj => {
this.pickerMinDate = new Date(obj.minDate).getTime();
},
disabledDate: time => {
if (this.pickerMinDate) {
const day1 = 31 * 24 * 3600 * 1000;
let maxTime = this.pickerMinDate + day1;
let minTime = this.pickerMinDate - day1;
return time.getTime() > maxTime || time.getTime() < minTime;
}
}
},
}}
最终效果
原博
怎样用el-date-picker限制选择的时间范围(如跨度不超过366天)_datetimepicker设置不能跨天_flipped_lv的博客-CSDN博客