Jquery ui datepicker需要在多个页面上刷新

我在财务会计网站的每一页上都有一份日期选择表。日期选择器的设计允许用户为想要显示的数据选择一系列日期

不幸的是，当用户从一页导航到另一页时，当文本字段具有焦点时，让日历显示的唯一方法是硬刷新（Ctrl-R）。不是最好的

以下是表格：

<li data-data-theme='b' >
<label for="from">From</label>  
<input type="text" id="from" name="from"/>
</li>

<li data-data-theme='d'>
<label for="to">to</label>
<input type="text" id="to" name="to"/>
</li>

我尝试更改表单以包含对类的引用：例如：

<li data-data-theme='b' >
<label for="from">From</label>  
<input class='datepicker' type="text" id="from" name="from"/>
</li>

<li data-data-theme='d'>
<label for="to">to</label>
<input class='datepicker' type="text" id="to" name="to"/>
</li>

但一切都无济于事

---

所以，这里有一个问题：当用户导航到网站上的新页面时，如何显示datepicker日历？

当用户访问这些页面时，是否默认打开datepicker。如果是，您必须配置datepicker的显示内联属性，请参见示例

---

你的意思是：转到某个页面，单击“开始/结束”，但不显示日期选择器。但是如果刷新页面，单击from.to，datepicker是否正常？

<li data-data-theme='b' >
<label for="from">From</label>  
<input class='datepicker' type="text" id="from" name="from"/>
</li>

<li data-data-theme='d'>
<label for="to">to</label>
<input class='datepicker' type="text" id="to" name="to"/>
</li>

   $(function() {

      console.log("hello world 2");

    $( ".datepicker" ).datepicker({

           ...

           onSelect: function( selectedDate ) {
        $( ".datepicker" ).datepicker();
                }
    });
       });

$(function() {
      $('#datepicker').datepicker({altField: '#date1'});
});