vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

fix: highlight range of month in MonthMode

pull/5987/head
KumJungMin 2024-06-28 08:31:50 +09:00
parent 8d8ca02bd3
commit 70ba0042b0
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/lib/calendar/Calendar.vue
View File

@ -704,17 +704,30 @@ export default {
return false;
},
isMonthSelected(month) {
if (this.isComparable()) {
let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
if (!this.isComparable()) return false;
if (this.isMultipleSelection()) {
return value.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
if (this.isMultipleSelection()) {
return this.modelValue.some((currentValue) => currentValue.getMonth() === month && currentValue.getFullYear() === this.currentYear);
} else if (this.isRangeSelection()) {
const [start, end] = this.modelValue;
const startYear = start ? start.getFullYear() : null;
const endYear = end ? end.getFullYear() : null;
const startMonth = start ? start.getMonth() : null;
const endMonth = end ? end.getMonth() : null;
if (!end) {
return startYear === this.currentYear && startMonth === month;
} else {
return value.getMonth() === month && value.getFullYear() === this.currentYear;
}
}
const currentDate = new Date(this.currentYear, month, 1);
const startDate = new Date(startYear, startMonth, 1);
const endDate = new Date(endYear, endMonth, 1);
return false;
return currentDate >= startDate && currentDate <= endDate;
}
} else {
return this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear;
}
},
isYearSelected(year) {
if (this.isComparable()) {