localStorage.removeItem无法清除输入框存储的Date日期值问题求助

核心问题点 #

• localStorage.removeItem 语句写在 getSavedValue 函数的 return 语句之后，属于死代码，JavaScript 执行到 return 时会直接退出函数，后续代码永远不会被执行，这是清除逻辑不生效的直接原因。
• 逻辑职责错配：getSavedValue 的定位是读取本地存储的日期值，不应该耦合删除逻辑，且就算删除了存储内容，没有主动更新输入框的 value 属性，输入框依然会保留旧的显示值。

修复后的代码 #

let today = new Date().toISOString().slice(0, 10)
document.getElementById("datata").value = getSavedValue("datata");
document.getElementById("exdated").value = getSavedValue("exdated");

// 原有存储逻辑保持不变
function saveValue(e) {
  var id = e.id;
  var val = e.value;
  localStorage.setItem(id, val);
}

// 修正读取函数，删除无效的removeItem代码
function getSavedValue(v) {
  if (!localStorage.getItem(v)) {
    return today;
  }
  return localStorage.getItem(v);
}

// 新增独立的清除函数，同步处理存储和输入框显示
function clearDateField(fieldId) {
  // 清除本地存储对应项
  localStorage.removeItem(fieldId);
  // 重置输入框值为默认今日日期，如需完全清空可改为赋值空字符串 ""
  document.getElementById(fieldId).value = today;
}

使用说明 #

如果需要触发清除操作，直接给触发元素（比如清除按钮）绑定对应函数即可，示例绑定代码：

<button onclick="clearDateField('datata')">清除datata日期</button>
<button onclick="clearDateField('exdated')">清除exdated日期</button>

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