[Component] [date-picker] datePicker类型为yearrange时，限制选择时间范围，下拉面板时间悬浮样式不对

[wbsnpc]

Bug Type: Component

Environment

• Vue Version: 3.2.45
• Element Plus Version: 2.8.0
• Browser / OS: UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-date-picker

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts">
import { ref, reactive } from 'vue'

const dateRangePackYearTime = ref([])

const datePicker = reactive({
    startData: null as number | null,
});
// 选择日期开始时间
const dateRangeClear = (time: any) => {
    let hasSelectDate = time !== null && time.length > 0;
    datePicker.startData = hasSelectDate
        ? Math.floor(time[0].getTime() / 1000)
        : null;
};
//重置日期开始时间
const timeChange = (time: any) => {
    datePicker.startData = null
};

// 禁用时间选项
const disabledDate = (time: any) => {
    if (datePicker.startData !== null) {
        const startDate = new Date(datePicker.startData * 1000);
        let beforeDate: Date;
        let afterDate: Date;

         // 年-显示年, 最多5年内
        beforeDate = new Date(startDate);
        afterDate = new Date(startDate);
        beforeDate.setFullYear(startDate.getFullYear() - 5);
        afterDate.setFullYear(startDate.getFullYear() + 5);
        return time.getTime() < beforeDate.getTime() || time.getTime() > afterDate.getTime();
    }
    return false;
};
</script>
<template>
  <el-date-picker :clearable="false" @calendar-change="dateRangeClear" @change="timeChange" 
  :disabled-date="disabledDate" v-model="dateRangePackYearTime" format="YYYY" 
  value-format="YYYY" type="yearrange" range-separator="-" 
  start-placeholder="开始日期" end-placeholder="结束日期" />
</template>

What is Expected?

悬浮样式在鼠标指示的时间上

What is actually happening?

悬浮样式不在鼠标指示的时间上

如图，鼠标在2025上，但是悬浮样式在2021上
选择开始时间后，鼠标指示能选择的最后结束时间，悬浮样式不生效
其它时间正常

Additional comments

(empty)

[CHch-afk]

怎么解决的？

[index-name]

Bug Type: Component

Environment

• Vue Version: 3.2.45
• Element Plus Version: 2.8.0
• Browser / OS: UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
• Build Tool: Vite

Reproduction

Related Component

• el-date-picker

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts">
import { ref, reactive } from 'vue'

const dateRangePackYearTime = ref([])

const datePicker = reactive({
    startData: null as number | null,
});
// 选择日期开始时间
const dateRangeClear = (time: any) => {
    let hasSelectDate = time !== null && time.length > 0;
    datePicker.startData = hasSelectDate
        ? Math.floor(time[0].getTime() / 1000)
        : null;
};
//重置日期开始时间
const timeChange = (time: any) => {
    datePicker.startData = null
};

// 禁用时间选项
const disabledDate = (time: any) => {
    if (datePicker.startData !== null) {
        const startDate = new Date(datePicker.startData * 1000);
        let beforeDate: Date;
        let afterDate: Date;

         // 年-显示年, 最多5年内
        beforeDate = new Date(startDate);
        afterDate = new Date(startDate);
        beforeDate.setFullYear(startDate.getFullYear() - 5);
        afterDate.setFullYear(startDate.getFullYear() + 5);
        return time.getTime() < beforeDate.getTime() || time.getTime() > afterDate.getTime();
    }
    return false;
};
</script>
<template>
  <el-date-picker :clearable="false" @calendar-change="dateRangeClear" @change="timeChange" 
  :disabled-date="disabledDate" v-model="dateRangePackYearTime" format="YYYY" 
  value-format="YYYY" type="yearrange" range-separator="-" 
  start-placeholder="开始日期" end-placeholder="结束日期" />
</template>

What is Expected?

悬浮样式在鼠标指示的时间上

What is actually happening?

悬浮样式不在鼠标指示的时间上 如图，鼠标在2025上，但是悬浮样式在2021上 选择开始时间后，鼠标指示能选择的最后结束时间，悬浮样式不生效 其它时间正常

Additional comments

(empty)
请问我也遇到了这个情况怎么解决的？

[index-name]

没人吗，请问怎么解决的？

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定，因为关闭后没有任何近期活动。如果有相关 bug，请重新创建一个新 issue。