克隆 html - 日期选择器答案

【问题标题】：Clone html - datepicker克隆 html - 日期选择器
【发布时间】：2016-04-28 08:58:45
【问题描述】：

我对克隆日期选择器有疑问。我的脚本不起作用，但我不知道为什么。我尝试添加下一个（克隆）表单的一部分。你们能帮帮我吗？谢谢。

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++;  
         });
    });

【问题讨论】：

标签： javascript jquery html datepicker clone

【解决方案1】：

您正在尝试使用 jquery/class (.) 而不是使用 id (#) 访问日期选择器

类选择器 ->

 $( ".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
        });
    });

【讨论】：

【解决方案2】：

将你所有的 Jquery 代码放入 $(document).ready() 然后尝试执行它

【讨论】：