2016-04-28 64 views
-1

我有克隆datepicker的问题。我的脚本不起作用,但我不明白为什么。我尝试添加下一个(克隆)表单的一部分。你们能帮我吗?谢谢。克隆html - 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++; 
     }); 
    }); 

回答

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

我改变了它,可惜问题并没有解决。 –

0

把所有的jQuery代码在$(文件)。就绪(),然后尝试执行它

+0

请参阅示例:https://jsfiddle.net/mart01/c0tdL5b6/5/ –