我有非常简单的日期选择器设置:
这在 <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" media="screen,projection,tv" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" />
<script>
$(function() {
$('input.date').datepicker();
$('button').on('click', function() {
$('#orig').clone()
.attr('id', 'else')
.datepicker()
.appendTo('body');
});
});
</script>
这在 <body> 中
<input type="date" id="orig" class="date">
<button>duplicate</button>
当输入被克隆时，日期选择器没有被初始化。参见http://jsfiddle.net/aMPB2/
有什么问题吗？
最佳答案
datepicker 向元素添加标记类“hasDatepicker”。您必须将其从克隆中删除:
$(function() {
$('input.date').datepicker();
$('button').on('click', function() {
var x = $('#orig').clone()
.attr('id', 'else')
.removeClass("hasDatepicker") // <=== New line
.appendTo('body')
.datepicker();
});
});
关于javascript - jquery datepicker 不处理创建的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19039250/