daterangepicker在克隆的div中不起作用

Question

我正在尝试克隆一个div，它工作得很好，但在这个div中有一个daterangepicker元素，它在克隆的div中不起作用。我尝试了很多方法，但根本不工作。有人能帮忙吗？

var $div = $('div[id^="divSession"]:last');
var num = parseInt( $div.prop("id").match(/d+/g), 10 ) +1;
var $divSession = $div.clone().prop('id', 'divSession' + num ).appendTo('#tabbed3_content');
$("#location_daterange_").daterangepicker({drops: 'up', opens: 'left', timePicker: true, timePicker24Hour: true, autoUpdateInput: false, locale: {format: 'DD/MM/YYYY HH:mm'},})
$("#location_daterange_").on('apply.daterangepicker', function(ev, picker) {$(this).val(picker.startDate.format('DD/MM/YYYY HH:mm') + ' - ' + picker.endDate.format('DD/MM/YYYY HH:mm'));});
$("#location_daterange_").on('cancel.daterangepicker', function() {$(this).val('');});

克隆可以工作，但单击日期范围选择器时不起作用。下面是硬编码的daterangepicker元素，它打开得很好。

<input type="text" id="location_daterange_" class="location_daterange[]" name="location_daterange[]" value="" autocomplete="off" role="presentation">
<script>
$("#location_daterange_").daterangepicker({drops: 'up', opens: 'left', timePicker: true, timePicker24Hour: true, autoUpdateInput: false, locale: {format: 'DD/MM/YYYY HH:mm'}, })
$("#location_daterange_").on('apply.daterangepicker', function(ev, picker) {$(this).val(picker.startDate.format('DD/MM/YYYY HH:mm') + ' - ' + picker.endDate.format('DD/MM/YYYY HH:mm'));});
$("#location_daterange_").on('cancel.daterangepicker', function() {$(this).val('');});
</script>

提前谢谢。

Answer 1

克隆时，需要将事件绑定到daterangepicker，如下所示：

$(document).on('datepicker-change', '#location_daterange_' , function() {
//code here ....
});