bootstrap daterangepicker 在 ajax 调用后不工作

Question

我有以下 div 将显示 daterangepicker。

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

此处div放在局部视图中，并在索引中调用局部视图page.In索引页面在使用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'));
    });

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

Answer 1

我解决了上述错误，其中 bootstrap 日期选择器获取事件与我在 AJAX 调用后绑定的排序获取事件发生冲突，这就是日期选择器日历无法正常工作的原因。我修改了排序方法及其工作方式。

谢谢。

bootstrap daterangepicker 在 ajax 调用后不工作

bootstrap daterangepicker not working after ajax call

asp.net-mvc

jquery

bootstrap-daterangepicker