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

Question

我将click event to date字段元素绑定，但是在点击元素时未显示日期日历，首次单击当前日期填充输入字段，但日历未显示。你可以检查一下我错误的代码。

前：

$('#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()
    });
});