日期范围选择器限定当年内
2023-02-22 本文已影响0人
coderfl
- 功能:
- 日期范围选择器第一个日期选中后,第二个日期只能选择当年内
<template>
<div>
<el-date-picker
v-model="value1"
:picker-options="pickerOptions"
type="daterange"/>
</div>
</template>
<script>
// eslint-disable-next-line no-unused-vars
let MD = null
export default {
name: "App",
data() {
return {
value1: [],
pickerOptions: {
onPick({ maxDate, minDate }) {
MD = maxDate === null ? minDate : null
},
disabledDate(time) {
if (MD) {
const year = new Date(MD).getFullYear()
return new Date(time).getFullYear() !== year
}
}
}
}
},
}
</script>