脚本内部文本框中使用的日期选择器

Question

当我在脚本外部的文本框中使用日期选择器时，它工作正常，看起来像这样。

<input type="text" id="entry_date" name="entry_date[]"  class="form-control datepicker" data-date-format="<?= config_item('date_picker_format'); ?>"  value=""/>

但是当我在脚本中使用相同的日期选择器功能时，它不起作用，我不知道它是否可以像我给定的那样工作，这是我的代码

<script type="text/javascript">
$(document).ready(function () {
 $(function () {    
        $("#datepicker1").datepicker();
    });

var maxField = 10; //Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var fieldHTML = '<div  class="form-group"><input  class="form-control date_pick datepicker col-lg-2" id="datepicker1" placeholder="yyyy-mm-dd" type="text" name="entry_date[]" value=""/></div>'; //New input field html 


var x = 1; //Initial field counter is 1
$(addButton).click(function(){ //Once add button is clicked
    if(x < maxField){ //Check maximum number of input fields
        x++; //Increment field counter
        $(wrapper).append(fieldHTML); // Add field html
    }
});

});
</script>

您能告诉我如何给这个日期选择器打电话吗？

谢谢

Answer 1

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> <button class="add_button">Add</button> <div class="field_wrapper"></div> <script type="text/javascript"> $(document).ready(function () { var maxField = 10; //Input fields increment limitation var addButton = $('.add_button'); //Add button selector var wrapper = $('.field_wrapper'); //Input field wrapper var fieldHTML = ''; //New input field html var x = 1; //Initial field counter is 1 $(addButton).click(function(){ //Once add button is clicked if(x < maxField){ //Check maximum number of input fields x++; //Increment field counter fieldHTML = '<div class="form-group"><input class="form-control date_pick datepicker col-lg-2" id="datepicker' + x + '" placeholder="yyyy-mm-dd" type="text" name="entry_date[]" value=""/></div>'; $(wrapper).append(fieldHTML); // Add field html $("#datepicker" + x).datepicker(); } }); }); </script> 

Answer 2

检查正确附加的html，或将html代码与jquery分开，也许在datepicker函数工作时使用最近附加的jquery代码。

问候，