jquery - 如何动态地将日期范围选择器应用于当前单击的日期元素？

Question

我将单击事件绑定到日期字段元素，但单击元素时未显示日期日历，第一次单击时仅当前日期填充输入字段，但日历未显示。你能检查我做错的代码吗？

前任：

$('#datefield').click(function (e) {
    $(this).daterangepicker({
        singleDatePicker    : true,
        locale              : {
           format           : 'DD-MM-YYYY'
        },
        minDate             : new Date(),
        autoApply           : false,
        endDate             : new Date()
        });
    });
}

Answer 1

您不应该daterangepicker在事件处理程序中初始化 。在加载 DOM 后执行此操作：

$(function() {
    $('#datefield').daterangepicker({
        singleDatePicker: true,
        locale: {
            format: 'DD-MM-YYYY'
        },
        minDate: new Date(),
        autoApply: false,
        endDate: new Date()
    });
});