jquery - jquery日期范围选择器不适用于ajax回调

Question

这是选择器初始化

<div class="app">
<input type="text" id="pick" />
</div>


$('#pick').daterangepicker({
    timePickerIncrement: 30, format: 'YYYY-MM-DD'
}, function(start, end) {
    start = start.format('YYYY-MM-DD');
    end = end.format('YYYY-MM-DD');
    $.ajax({
        url: global_url+'statistics/analytics-ajax',
        data: 'start='+start+'&end='+end,
        dataType: 'html',
        method: 'post',
        beforeSend: function() {

        },
        complete: function() {

        },
        success: function(data) {
            $('.app').html(data);
            //$('#pick').daterangepicker();
        }

    })
});

在成功回电时，我有一个

带有类 app 的 div 将被替换为

<input type="text" id="pick" />

但是一旦通过 ajax daterangepicker 加载内容就不能正常工作，所以我添加了

$('#pick').daterangepicker();

并且成功地我可以看到 daterangepicker 但 Ajax 无法正常工作。这里发生了什么。

Answer 1

如果 datepicker 是 ajax 响应数据的一部分，则在该页面本身中包含 datepicker js 脚本。或者

在成功调用 datepicker 之前包含此代码

setTimeout(function(){alert('delay');}, 000);