- 当选择某周后，自动计算该周的特殊日期范围：
- 将ElementUI返回的周一日期减1天，得到上周日作为起始日
- 从起始日加6天，得到本周六作为结束日
- 选示例：选择"2024 第 1 周"时
- 原始周一日期：2023-12-31（ElementUI默认返回周日）
- 计算后范围：2024-01-06（周日）至 2025-03-22（周六）
代码：
<template><div><el-date-pickerv-model="value1"type="week"format="yyyy 第 WW 周"placeholder="选择周"@change="handleDateChange"/><div v-if="selectedYear && selectedWeekStart && selectedWeekEnd"><p>选中的年份: {{ selectedYear }}</p><p>选中周的第一天（减一）: {{ selectedWeekStart }}</p><p>选中周的最后一天（减一）: {{ selectedWeekEnd }}</p></div></div>
</template><script>
export default {data() {return {value1: '', // 绑定的值selectedYear: null, // 选中的年份selectedWeekStart: null, // 选中周的第一天（减一）selectedWeekEnd: null // 选中周的最后一天（减一）}},methods: {handleDateChange(value) {if (value) {const selectedDate = new Date(value)// 计算周一的日期（ElementUI默认返回周一的日期）const startDate = new Date(selectedDate)// 对周一的日期减一，得到上周日startDate.setDate(startDate.getDate() - 1)// 计算周日的日期const endDate = new Date(startDate)endDate.setDate(startDate.getDate() + 6) // 从上周日开始加6天，得到本周六this.selectedYear = startDate.getFullYear()this.selectedWeekStart = this.formatDate(startDate)this.selectedWeekEnd = this.formatDate(endDate)} else {// 重置选中的日期信息this.selectedYear = nullthis.selectedWeekStart = nullthis.selectedWeekEnd = null}},formatDate(date) {const year = date.getFullYear()const month = String(date.getMonth() + 1).padStart(2, '0') // 月份从0开始，需要加1const day = String(date.getDate()).padStart(2, '0') // 直接使用 date.getDate()，不需要减1return `${year}-${month}-${day}`}}
}
</script> 效果图：
