无法弄清楚为什么 jQuery UI Datepicker 不将日期插入输入

Question

我正在使用 jQuery UI Datepicker，它在输入上正确初始化，但没有将选定的值插入到字段中。

输入为：

<input name="data[entry-date]" id="parkingEntryDate" type="text" placeholder="dd/mm/yy" class="date-input">

JS 是：

$.datepicker.setDefaults({
  dateFormat: "dd/mm/yy",
  dayNamesMin: [ "S", "M", "T", "W", "T", "F", "S" ],
  minDate: "d",
  maxDate: "+1y",
  prevText: "",
  nextText: "",
  onSelect: function(dateText, inst) {
            alert(dateText);
          }
});

$('#parkingEntryDate').datepicker();

日历按预期显示，我在 onSelect 警报中看到正确的日期，但日期没有作为值插入到输入中；正如预期的那样，它保持空白并且不接受键盘输入。

使用 WordPress enqueue_script 以正确的顺序加载脚本，最后 main.js.

初始化日期选择器

<head>
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
</head>
...
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://macbook-pro.local:5757/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4'></script>
<script type='text/javascript' src='http://macbook-pro.local:5757/content/themes/mytheme/js/plugins.min.js?ver=20151215'></script>
<script type='text/javascript' src='http://macbook-pro.local:5757/content/themes/mytheme/js/main.js?ver=20151215'></script>

检查器或控制台中没有错误，似乎无法想到会发生什么。希望有人比我有更多的 JS 或 jQuery UI 经验 and/or 可以指出我下一步要寻找问题的方向。

非常感谢。

Answer 1

从输入中删除 id 并使用 class 初始化日期选择器。我 100% 确定 id 是唯一的，并且没有在 CSS 或 JS 中的其他任何地方使用或引用。我不知道为什么会这样 - 这对我来说没有意义，但我已经结束了。

如果有人知道为什么，我会很感兴趣。

希望这对未来的代码匠有所帮助。

无法弄清楚为什么 jQuery UI Datepicker 不将日期插入输入

Can't work out why jQuery UI Datepicker does not insert date into input

javascript

jquery

jquery-ui

jquery-ui-datepicker