Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 克隆html-日期选择器_Javascript_Jquery_Html_Datepicker_Clone - Fatal编程技术网

Javascript 克隆html-日期选择器

Javascript 克隆html-日期选择器,javascript,jquery,html,datepicker,clone,Javascript,Jquery,Html,Datepicker,Clone,我的克隆日期选择器有问题。我的剧本不起作用,但我不知道为什么。我尝试添加下一个(克隆)表单的一部分。你们能帮帮我吗?多谢各位 JSfiddle: HTML: <form action="" id="myForm"> <div id="cosponsors" style="padding:12px;"> <div class="form-group"> <label class="col-md-3 contr

我的克隆日期选择器有问题。我的剧本不起作用,但我不知道为什么。我尝试添加下一个(克隆)表单的一部分。你们能帮帮我吗?多谢各位

JSfiddle:

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,
minDate:新日期(),/=今天
});
});
var uniqueId=1;
$(函数(){
$('.addRow')。单击(函数(){
var copy=$(“#共同赞助者”).clone(true).appendTo(“#myForm”);
var cossponsordivid='cossponsors_uu2;'+uniqueId;
copy.attr('id',coponsordivid);
var deleteLink=$(“删除”);
deleteLink.appendTo(副本);
deleteLink.click(函数(){
copy.remove();
});
$('#myForm div:last')。查找('input')。每个(函数(){
$(this.attr('id'),$(this.attr('id')+''.'+uniqueId);
$(this.attr('name'),$(this.attr('name')+''.'+uniqueId);
});
uniqueId++;
});
});

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

类选择器->

 $( ".datepicker" ).datepicker({
        dateFormat: 'dd.mm.yy',
        firstDay: 1,
        minDate: new Date(), // = today
        });
    });
 $( "#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
        });
    });
 $( "#datepicker" ).datepicker({
        dateFormat: 'dd.mm.yy',
        firstDay: 1,
        minDate: new Date(), // = today
        });
    });

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