datepicker не работает над динамическим созданным html

Question

Я создаю динамический div с вводом. с помощью jquery. но проблема в том, что первый выбор даты работает, а другой не

$("#addholiday").on("click", function() { 
 
     var data = $('.holidayinput:last').attr('name').replace (/[^\d.]/g, ''); 
 
     var i = parseInt(data); 
 
     var name = ++i; 
 
     addRow(".add_holiday_div:last", ".add_holiday_div:last"); 
 
     $('.holidayinput:last').attr('name',name) 
 
     $('#removeholiday').fadeIn(); 
 
    }); 
 

 
$('.dpYears').datepicker({ 
 
     autoclose: true 
 
    }); 
 
    [enter image description here][1]

<div class="modal-body"> 
 
        <div class="form-group add_holiday_div"> 
 
         <label class="control-label col-xs-4">Select Holiday Date</label> 
 
         <div class="col-xs-7"> 
 
          <div data-date-viewmode="years" data-date-format="mm-dd-yyyy" data-date="<?php echo date("m-d-Y"); ?>" class="input-append date dpYears"> 
 
           <input type="text" readonly="" value="<?php echo date("m-d-Y"); ?>" size="16" class="form-control holidayinput" name="holiday1" id="holiday1"> 
 
           <span class="input-group-btn add-on"> 
 
            <button class="btn btn-danger" type="button"><i class="fa fa-calendar"></i></button> 
 
           </span> 
 
          </div> 
 
         </div> 
 
        </div> 
 
        <div class="panel"> 
 
         <a href="#;" class="fa fa-plus pull-left" id="addholiday"> Add Holiday</a> 
 
         <a href="#;" class="fa fa-minus pull-right" id="removeholiday"> Remove Holiday</a> 
 
        </div> 
 

 
       </div>

Answer 1

Вызовите datepicker функции внутри click функции.

Попробуйте использовать, как это показано ниже:

$("#addholiday").on("click", function() { 
    var data = $('.holidayinput:last').attr('name').replace (/[^\d.]/g, ''); 
    var i = parseInt(data); 
    var name = ++i; 
    addRow(".add_holiday_div:last", ".add_holiday_div:last"); 
    $('.holidayinput:last').attr('name',name) 
    $('#removeholiday').fadeIn(); 

    $('.dpYears').datepicker({ 
     autoclose: true 
    }); 
}); 

$('.dpYears').datepicker({ 
    autoclose: true 
}); 
[enter image description here][1]