Javascript 克隆html-日期选择器
我的克隆日期选择器有问题。我的剧本不起作用,但我不知道为什么。我尝试添加下一个(克隆)表单的一部分。你们能帮帮我吗?多谢各位 JSfiddle: 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
<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()中,然后尝试执行它