Vue3中取当前日期并且取当前日期的前10天和后30天。并把每个日期的日放到一个数组里面。

const today = new Date(); // 获取当前日期
const dateArray = [];
const dayArray = [];
      // 计算前10天
        for (let i = 10; i > 0; i--) {
        const pastDate = new Date(today);
        pastDate.setDate(today.getDate() - i);
        dateArray.push(pastDate.toISOString().split('T')[0]); // 格式化日期
        dayArray.push(pastDate.getDate()); // 提取日
      }

      // 计算后30天
      for (let i = 0; i < 30; i++) {
        const futureDate = new Date(today);
        futureDate.setDate(today.getDate() + i);
        dateArray.push(futureDate.toISOString().split('T')[0]); // 格式化日期
        dayArray.push(futureDate.getDate()); // 提取日
      }

      dates.value = dateArray; // 更新日期数组
      days.value = dayArray;   // 更新日数组