克隆html - datepicker

Question

我有克隆datepicker的問題。我的腳本不起作用，但我不明白爲什麼。我嘗試添加下一個（克隆）表單的一部分。你們能幫我嗎？謝謝。

的jsfiddle：https://jsfiddle.net/mart01/8947uhrc/10/

HTML：

<form action="" id="myForm"> 
      <div id="cosponsors" style="padding:12px;"> 
     <div class="form-group"> 
     <label class="col-md-3 control-label" for="textinput">Date</label> 
     <div class="col-md-8"> 
     <input name="date" id="datepicker" value="DD.MM.YYYY" class="form-control input-md"> 
     </div> 
     <div class="form-group"> 
     <label class="col-md-3 control-label" for="textinput">Your tip</label> 
     <div class="col-md-8"> 
     <input id="textinput" name="tip" type="text" placeholder="win/lose" class="form-control input-md"> 
     </div> 
    </div> 
    </div> 
      </div> 
     </form> 
     <input type="button" class="addRow" value="Add Next" /> 

腳本：（。）

$(function() { 
    $("#datepicker").datepicker({ 
    dateFormat: 'dd.mm.yy', 
    firstDay: 1, 
    minDate: new Date(), // = today 
    }); 
}); 


var uniqueId = 1; 
$(function() { 
    $('.addRow').click(function() { 

     var copy = $("#cosponsors").clone(true).appendTo("#myForm"); 
     var cosponsorDivId = 'cosponsors_' + uniqueId; 
     copy.attr('id', cosponsorDivId); 




      var deleteLink = $("<a>delete</a>"); 
      deleteLink.appendTo(copy); 
      deleteLink.click(function(){ 
       copy.remove(); 
      }); 

      $('#myForm div:last').find('input').each(function(){ 
       $(this).attr('id', $(this).attr('id') + '_'+ uniqueId); 
       $(this).attr('name', $(this).attr('name') + '_'+ uniqueId); 

      }); 

      uniqueId++; 
     }); 
    }); 

Answer 1

您正在嘗試使用jQuery /班的日期選擇器的訪問，而不是使用該ID （＃）

class selector - >

$(".datepicker").datepicker({ 
     dateFormat: 'dd.mm.yy', 
     firstDay: 1, 
     minDate: new Date(), // = today 
     }); 
    }); 

id選擇 - >

$("#datepicker").datepicker({ 
     dateFormat: 'dd.mm.yy', 
     firstDay: 1, 
     minDate: new Date(), // = today 
     }); 
    }); 

Answer 2

把所有的jQuery代碼在$（文件）。就緒（），然後嘗試執行它