如何在动态创建的元素创建一个datepicker

Question

Jquery的代码追加元素

$(container).append(
'<lable class="control-label col-md-3">Joine Duration</lable>' + 
'<div class="col-md-4">' + 
'<input type=text name="joine_duration[]" class="input form-control" id="joine_duration1" placeholder="" /></div></div>' + 
    '<div class="form-group"> ');         

Answer 1

试试这个。你在你的动态代码有一个额外的</div>

$(document).ready(function() {  
 
    $(".container").append(
 
'<label class="control-label col-md-3">Joine Duration</label>' + 
 
'<div class="col-md-4">' + 
 
'<input type=text name="joine_duration[]" class="input form-control datepicker" size="11" title="D-MMM-YYYY" id="joine_duration1" placeholder="" /></div>' + 
 
'<div class="form-group"> ');  
 
    $("#joine_duration1").datepicker();  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<div class='container'></div>