日期范围选择器限定当年内
作者:
coderfl | 来源:发表于
2023-02-22 15:04 被阅读0次
- 功能:
- 日期范围选择器第一个日期选中后,第二个日期只能选择当年内
<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>
本文标题:日期范围选择器限定当年内
本文链接:https://www.haomeiwen.com/subject/bvyakdtx.html
网友评论