jquery datepicker多个输入

时间:2014-10-25 11:33:43

标签: javascript jquery jquery-ui datepicker

我遇到了与多个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>

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

Works fine when it started

如果我添加一个按钮,它就不会出现。

Doesn't work properly.

最诚挚的问候。

1 个答案:

答案 0 :(得分:2)

使用委托功能来实现这一目标。

尝试

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