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

【问题标题】：Can't work out why jQuery UI Datepicker does not insert date into input无法弄清楚为什么 jQuery UI Datepicker 不将日期插入输入
【发布时间】：2016-07-14 16:20:36
【问题描述】：

我正在使用 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 中初始化 datepicker。

<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 方面的经验比我有过类似经历和/或能指出我下一步在哪里寻找问题的方向。

非常感谢。

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-datepicker

【解决方案1】：

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

如果有人知道原因，我会很感兴趣。

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

【讨论】：

发生这种情况的原因是因为 datepicker() 在初始化时将自己的 id 分配给了输入元素。