如何根据不同条件将日期设置为ISOString格式

你的问题出在日期修改后没有重新生成目标字符串，而且初始的日期修改逻辑混乱，导致条件判断后的日期变化完全没反映到最终输出里。咱们一步步拆解问题并解决：

原代码的核心问题 #

1. 你先执行了date.setDate(date.getDate() + 12)，直接修改了date对象，接着生成了x和y。之后的条件判断里虽然再次修改了date的日期，但没有重新计算x和y，所以最终输出的还是最开始生成的y值。
2. 另外，text.value是字符串类型，直接和数字（比如5）比较可能触发隐式类型转换，建议显式转成数字再做判断，避免潜在bug。

修正后的代码 #

var pres = document.getElementById("but").addEventListener("click", now)

function now() {
  var textInput = document.getElementById("dater");
  var date = new Date();
  var addDays;
  
  // 把输入值转为数字，避免字符串和数字比较的问题
  var inputValue = Number(textInput.value);
  
  // 根据输入确定要添加的天数
  if(inputValue === 5) {
    addDays = 15;
  } else if(inputValue === 12) {
    addDays = 22;
  } else {
    addDays = 3;
  }
  
  // 统一修改日期，再生成目标格式的字符串
  date.setDate(date.getDate() + addDays);
  var isoString = date.toISOString();
  var formattedDate = isoString.slice(0, -14);
  
  document.getElementById("show").innerHTML = formattedDate;
}

关键改进点 #

• 先根据输入值确定要添加的天数addDays，逻辑更清晰，不会出现先修改日期再调整的混乱。
• 显式将输入值转为数字，彻底避免字符串与数字比较的隐式转换问题。
• 确定好天数后统一修改日期并重新生成ISO字符串和格式化结果，确保最终输出的是最新计算的日期。
• 变量名改为更具语义化的名称（比如textInput、isoString），提升代码可读性。

测试验证 #

当你输入5点击按钮，会在当前日期基础上加15天；输入12加22天；其他输入（或空输入）则加3天，最终都会正确显示格式化后的日期字符串。

内容的提问来源于stack exchange，提问作者Uchenna Ajah