关于5个文本框设置指定偏移日期的代码问题排查请求

首先来看你遇到的问题根源：你的代码存在两个核心问题——循环范围错误和直接修改同一个Date对象导致的日期混乱，同时逻辑上有冗余的日期增减操作，最终导致显示结果不符合预期。

问题拆解 #

1. 循环范围错误：你定义了number_of_dateBoxes = 5，但循环写的是for (var i = 0; i <= number_of_dateBoxes; i++)，这会让循环从i=0跑到i=5，处理#text0到#text5，但你实际需要处理的是text1到text5，而且#text1的赋值是在修改日期之前完成的，所以它显示的是原始的今日日期。
2. Date对象引用修改问题：Date是引用类型，你每次调用setDate()都是直接修改同一个current_date对象，导致后续的增减操作都是基于上一次修改后的日期，逻辑越绕越乱。
3. 冗余的日期操作：比如i==2 || i==3时先减29再加29，完全是多余的步骤，不仅没用还容易出错。

修复后的代码 #

我们可以先提前计算好需要的两个目标日期，然后直接给对应的文本框赋值，这样逻辑清晰且不易出错：

// 获取当前日期，注意这里要创建副本避免修改原对象
const currentDate = new Date();

// 计算29天后的日期：创建currentDate的副本，再修改
const date29DaysLater = new Date(currentDate);
date29DaysLater.setDate(currentDate.getDate() + 29);

// 计算31天后的日期（29+2）：基于29天后的日期再加2天
const date31DaysLater = new Date(date29DaysLater);
date31DaysLater.setDate(date29DaysLater.getDate() + 2);

// 给对应的文本框赋值
$w('#text1').text = date29DaysLater.toLocaleDateString();
$w('#text2').text = date29DaysLater.toLocaleDateString();
$w('#text3').text = date29DaysLater.toLocaleDateString();
$w('#text4').text = date31DaysLater.toLocaleDateString();
$w('#text5').text = date31DaysLater.toLocaleDateString();

为什么这样更可靠？ #

• 避免引用修改：每次创建新的Date对象（new Date(currentDate)），这样每个目标日期都是独立的，不会互相干扰。
• 逻辑清晰：先计算好所有需要的日期，再直接赋值，不需要在循环里反复增减日期，减少出错概率。
• 无冗余操作：直接基于原始日期计算目标值，没有多余的加减步骤。

如果你更倾向于用循环来处理（比如以后可能增加更多文本框），也可以优化循环逻辑：

const currentDate = new Date();
const date29DaysLater = new Date(currentDate);
date29DaysLater.setDate(currentDate.getDate() + 29);
const date31DaysLater = new Date(date29DaysLater);
date31DaysLater.setDate(date29DaysLater.getDate() + 2);

// 循环处理text1到text5
for (let i = 1; i <= 5; i++) {
    const targetDate = i <= 3 ? date29DaysLater : date31DaysLater;
    $w(`#text${i}`).text = targetDate.toLocaleDateString();
}

这个循环版本只处理i=1到i=5，通过判断i的范围来选择对应的日期，逻辑同样清晰。

内容的提问来源于stack exchange，提问作者David Hurl