警报在动态生成的引导程序日期选取器中多次出现

Question

我有一个动态生成的bootstrap datepicker的代码。

当用户选择一个日期时，它会检查是否允许选择的日期（在这种情况下是一个日期或等于截止日期），如果没有，则会发出警告。

我遇到的问题是，如果用户使用datepicker说5次，如果他们选择了不允许的日期，警报会出现5次。

$(document).on('focus', '.start_date', function(){
    $(this).datepicker({
        format: "{{ 'datepicker_format_1'|trans }}",
        startDate: new Date()
    }).on('changeDate', function(ev) {
        var getCompare = $(this).closest(".parent_payment").find("input.due_date");
        getCompare = getCompare.val().split("/");
        getCompare = new Date(getCompare[2], getCompare[1] - 1, getCompare[0]);
        $(this).datepicker('hide');
        if(ev.date > getCompare) {
            $(this).val("");
            alert("The start date can not be after the due date");
        }
    });
});