同一页面上的多个daterangepicker具有正确的验证，之前的日期范围不会在下次选择

Question

我正在开发动态添加日期范围选择器。

我们每次添加用于选择日期范围选择器的新输入类型

我们可以验证之前选择的日期是否未选择下一个日期范围选择器吗？

Answer 1

您可以使用daterangepicker的changeDate或输入change事件来完成，

// example by using on change event
$('input.datepicker').on('change',function(){
    var inputs=$('input.datepicker').not(this), // get all input which are datepickers
        current_value=this.value, // get date from active input
        flagDate=false; // let the date is not taken previously
    inputs.each(function(){
       if(current_value==this.value){
            flagDate = true; // date is taken in previous fields
            return false;// break the loop
       }
       if(flagDate){
            alert('This date is already taken, please choose another one.');
       }
    });
});