jQuery datepicker多个输入

Question

我有一个与多个jquery进程和datepicker相关的问题。

我试图动态创建输入，所以我编写了代码：

<script type="text/javascript">

function season_func(){
    var series_season = $("input[name='series_season']").val();
    var i;
    $('.forms').html('');
    if(series_season>30){
        series_season = 30;
    }
    for(i=0;i<series_season;i++){
        var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'seasonId' + series_season);
        newTextBoxDiv.after().html('<label>Sezon #'+ (i+1) + ' Başlangıç Tarihi : </label>' +
          '<input type="text" class="form-control datepicker" name="textbox' + (i+1) + 
          '" id="textbox' + (i+1) + '" value="" >');
        newTextBoxDiv.appendTo(".forms");
    }
}
</script>

当我调用season_func时，这将创建输入，并且可以正常工作。

但是，当我添加日期选择器时，它不会显示日期选择器。

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

通常，我在启动应用程序时创建一个输入

如果我添加一个按钮，则不会出现。

最好的祝福。

Answer 1

使用委托函数可实现此目的。

尝试

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