该datepicker
函数仅适用于创建的第一个输入框。
我试图通过克隆div
包含它的日期选择器来复制它。
<a href="#" id="dupMe">click</a>
<div id="template">
input-text <input type="text" value="text1" id="txt" />
date time picker <input type="text" id="example" value="(add date)" />
</div>
要初始化 datepicker,根据jQuery UI 文档,我只需要这样做$('#example').datepicker();
并且它确实有效,但仅在创建的第一个 datepicker 上。
复制的代码div
如下:
$("a#dupMe").click(function(event){
event.preventDefault();
i++;
var a = $("#template")
.clone(true)
.insertBefore("#template")
.hide()
.fadeIn(1000);
a.find("input#txt").attr('value', i);
a.find("input#example").datepicker();
});
最奇怪的是,在document.ready
我有:
$('#template #example').datepicker();
$("#template #txt").click(function() { alert($(this).val()); });
如果我点击#txt
它总是有效的。