ajax调用后引导日期范围选择器不起作用答案

【问题标题】：bootstrap daterangepicker not working after ajax callajax调用后引导日期范围选择器不起作用
【发布时间】：2021-03-20 16:44:39
【问题描述】：

我有下面的 div，它将显示 daterangepicker。

<div id="reportrange">
     <i class="fa fa-calendar"></i>                        
</div>

这里将上面的div放在局部视图中，并在索引页面中调用局部视图。在索引页面中使用AJAX调用动态绑定数据。

 $.ajax({
    url: "/Orders/OrderData",
    type: "POST",
    async: false,
    beforeSend: function () {
         $('#hdnPages').attr('data-status', false);
    },
    data: {
        'PageNo': PageNo, 'Keyword': Keyword, 'FromDate': FromDate, 'ToDate': ToDate,
        'FromPrice': FromPrice, 'ToPrice': ToPrice, 'Status': Status, 'Items': Items
    },
    success: function (res) { 
         $('#OrderList').append(res);
    }

Ajax 调用后，我无法在 div 单击时打开日历。我在部分视图中使用 document.ready() 中的以下代码绑定 daterangepicker。

 $('#reportrange').daterangepicker({
        changeMonth: true,
        changeYear: true,
        singleDatePicker: false,
        showDropdowns: true,
        startDate: moment(),
        endDate: moment(),
        timePicker: true,
        timePickerSeconds: true,
        maxYear: sDate.getFullYear(),            
        locale: {
            format: 'MMM DD, YYYY hh:mm:ss A'
        },
        "opens": "right",
        "drops": "down"
    }, function (start, end) {
        $('#reportrange span').html(start.format('MMM DD, YYYY hh:mm:ss A') + ' - ' + end.format('MMM DD, YYYY hh:mm:ss A'));
    });

谁能指导我解决这个问题。

【问题讨论】：

标签： jquery asp.net-mvc bootstrap-daterangepicker

【解决方案1】：

我解决了上述错误，其中引导 datepicker 获取事件与排序获取事件冲突，我在 AJAX 调用后绑定这就是 datepicker 日历不起作用的原因。我已经修改了排序方法及其工作方式。

谢谢。

【讨论】：