JQuery日期选择器在文本字段中来回填充页面(Chrome）

JQuery datepicker fills in text fields page back and forward (Chrome)

本文关键字：填充 Chrome 选择器 日期 文本 字段 JQuery      更新时间：2023-09-26

JQuery日期选择器以及浏览器中的前进和后退按钮出现问题。

我有两个文本字段，一个是"日期"字段，另一个只是常规文本输入。在页面加载时，我用以下代码初始化日期选择器：

$(document).ready(function() {
      $('#date').datepicker()
      $('#date').datepicker("setDate",new Date())
});

页面显示良好，日期选择器中有正确的日期。一切都按预期进行，但如果我按下浏览器的后退按钮，然后按下前进按钮（使我回到同一页面），则空的文本字段现在将用日期选择器框中的内容填充。

为了参考，这里是相关的html片段

  <body>
    <p>
      Here I will have two text boxes, one datepicker and one regular
    </p>
    <input type="text" id="notdate"/>
    <input type="text" id="date"/>
  </body>

目标：我需要日期框显示已经存在的日期，作为文本，我想在页面的前向/后向重载中消除输入重复。

注意：如果在按下后退/前进键之前更改其他文本框，则一切正常。希望有一种比在加载页面时触摸所有框更简单的方法来修复它。=]

Julian提供了正确的解决方法。赋予文本字段名称属性似乎可以解决问题。考虑到div是相同的，不确定为什么这样做有效，但它确实解决了问题。

相关文章：