JQuery datepicker填充文本字段页面前后(Chrome)

时间:2012-07-11 21:01:43

标签: javascript jquery html google-chrome

我遇到了JQuery datepicker以及浏览器中的前进和后退按钮的问题。

我有两个文本字段,一个是“日期”字段,另一个字段只是常规文本输入。在页面加载时,我使用以下代码初始化datepicker:

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

页面显示正常,而日期选择器中的日期正确。 Everthing按预期工作,但如果我按下浏览器的后退按钮,然后按下前进按钮(将我带回同一页面),则现在用datepicker框中的内容填充空白的文本字段。

供参考,以下是相关的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>

目标: 我需要日期框以显示已存在的日期,作为文本,我想摆脱页​​面前进/后退重新加载的输入重复。

注意:如果在按后退/前进之前更改其他文本框,则一切正常。希望修复它的方法不如在页面加载时触摸所有框。 =]

1 个答案:

答案 0 :(得分:1)

Julian提供了正确的解决方法。给文本字段命名属性似乎可以解决问题。不知道为什么这个工作考虑到div是相同的,但它确实解决了这个问题。