日期范围未获得克隆

Question

要获取input中选取的日期，我正在使用数据范围选择器 我遇到的问题是，当input被克隆时，日期函数不再起作用，我似乎无法弄清楚我做错了什么。 似乎我只能执行一次数据选择器功能。

$(function() {
$('input[name="opl_datum"]').daterangepicker({
autoUpdateInput: false,
showDropdowns: true,
autoApply: true,
locale: {
format:'DD/MM/YYYY',
daysOfWeek: [
	'Zo',
	'Ma',
	'Di',
	'Wo',
	'Do',
	'Vr',
	'Za',
]
}
});
$('input[name="opl_datum"]').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
});

$(document).on('click', '.btn-add', function(e) {
e.preventDefault();
var controlForm = $(this).closest('.controls').find('form:first'),//you have to select colsest controls
currentEntry = $(this).parents('.entry:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('.entry:not(:last) .btn-add')
.removeClass('btn-add').addClass('btn-remove')
.removeClass('btn-success').addClass('btn-danger')
.html('<span class="icon_minus_alt2"></span>');
}).on('click', '.btn-remove', function(e) {
$(this).parents('.entry:first').remove();
e.preventDefault();
return false;
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<div class="controls">
<form class="school_form" role="form" autocomplete="off">
<div class="entry input-group">
<input type="text" name="opl_datum" placeholder="Periode">
<input type="text" name="diploma" placeholder="Certicicaat/diploma">
<input type="text" name="school" placeholder="School/Hoge School/ Universiteit">
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span>Voeg opleinding toe</span>
</button>
</span>
</div>
</form>
</div>

Answer 1

默认情况下，jQuery 的克隆方法不会克隆事件处理程序和与 DOM 节点关联的数据，只会克隆节点本身。您必须将特定参数(withDataAndEvents和deepWithDataEvents(传递给clone才能复制这些参数。