php - 同一页面上的多个 daterangepicker 具有适当的验证以前的 daterange 下次不会选择

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.');
       }
    });
});