多个实例上的 JQuery Datepicker答案

【问题标题】：JQuery Datepicker on multiple instances多个实例上的 JQuery Datepicker
【发布时间】：2016-02-01 21:12:59
【问题描述】：

我在使用 JQuery 日期选择器时遇到问题。我有一个动态生成的表单，其中包含启用了 Jquery Datepicker 的多个日期字段。日期选择器适用于日期字段的第一个实例，但不适用于其他实例。这是我拥有的代码：

<input type="text" class="form-control datepicker lenght" name="SubContractSubmitDate" id="SubContractSubmitDate" <?php echo "value='$SubContractSubmitDate' "; ?>  placeholder="">
<input type="text" class="form-control datepicker lenght" name="SubContractSignedDate" id="SubContractSignedDate" <?php echo "value='$SubContractSignedDate' "; ?> placeholder="">

然后是调用JQuery的函数：

<script>
$(function() {
$( ".datepicker" ).datepicker();
});
</script>

我找到了这个答案Apply jQuery datepicker to multiple instances，但它仍然对我不起作用。任何帮助，将不胜感激。

【问题讨论】：

请发布呈现的 HTML，PHP 与您的问题无关。另外，您检查控制台是否有错误？最后，在将动态生成的字段添加到页面后，您是否调用datepicker()？

标签： jquery datepicker

【解决方案1】：

由于您有 datepicker 的动态元素，请尝试以下操作。

 $(document).ready( function() {
    $(document).on('focus','.datepicker', function() {
       $(this).datepicker();
     });
 });

【讨论】：

还是一样的结果。日期选择器在单击时打开，我可以选择日期，但日期未输入字段。第一个实例没有问题。
我还使用了以下方法来切换有效的 Jquery。我很确定我需要相同的方法，但我无法弄清楚。 $(document).ready(function(){ $(".flip").click(function(){ $(this).next(".Panel").slideToggle("slow");
ID 不同。虽然它们非常相似
哦，我的错。尝试使用更新的答案并将脚本包含在 html 正文的底部。我想知道它是怎么回事。
我尝试粘贴更新的版本并将其移至文档底部，但仍然没有。我应该以某种方式在函数中实现“下一步”吗？

【解决方案2】：

我想通了。由于某种原因，JQuery 对我在输入元素上的 id 不满意。即使 ID 是唯一的，它们也会导致问题。我刚刚删除了 id 元素，它现在工作正常。

【讨论】：