我添加日期输入附加日期选择器。Jquery datepicker动态创建的输入更改第一个输入的日期
问题是:我在第一个输入中选择一个日期,然后尝试在第二个或第三个或..输入中选择另一个日期。那么,最后选择的日期显示在第一个输入中,覆盖已经选择的日期,并将新输入保留为空白。
这是为什么?我该如何解决这个问题?
这里的HTML:
<div id="main">
<span>
<input type="text" id="mydate" name="mydate[]" class="datepicker">
</span>
</div>
<a href="#" id="addInput">Add input</a>
而这里的JS:
var datePickerOptions = {
dateFormat: 'd/m/yy',
firstDay: 1,
changeMonth: true,
changeYear: true
}
$(document).ready(function()
{
$('.datepicker').datepicker(datePickerOptions);
});
$(function() {
var scntDivA = $('#main');
var ii = $('#main span').size() + 1;
$('#addInput').live('click', function() {
$('<input type="text" id="mydate" name="mydate[]" class="datepicker"').appendTo(scntDivA);
$('.datepicker').datepicker(datePickerOptions);
ii++;
return false;
});
});
谢谢!
你可以告诉我如何在创建文本框时生成Textbox_id – ash060
你可以在'jsfiddle?中显示一个例子吗?' – KiRa