Question

我遇到了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但它仍然不适合我。任何帮助，将不胜感激。

Answer 1

由于你有针对datepicker的动态元素，请尝试以下。

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

Answer 2

我明白了。出于某种原因，JQuery对输入元素上的id不满意。即使这些ID是独一无二的，它们也会导致这个问题。我刚删除了id元素，现在工作正常。

多个实例上的JQuery Datepicker

2 个答案: