По словам DatePicker говорит с первым - MDBootstrap

Question

Как следует из заголовка, в моем коде реализованы два средства выбора даты, которые запрещают пользователю выбирать дату до даты текущей даты, и пока все в порядке.

Единственное, что я должен сейчас сделать, это реализовать следующее: если у пользователя есть текущая дата, например:

сегодня: 21.11.2008

и выберите дату: 25.11.2008 г. Второй DatePicker не должен выбирать дату до даты 25.11.2008. Как я могу это сделать?

код:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container-fluid text-center">
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="card card-cascade narrower">
                <h5 style="padding-top: 10px;font-size: 20px;" class="mb-0"><b>Campagne Attive</b></h5>
                <?php
                include("../../connessione.php");
                // Check connection
                if (mysqli_connect_errno())
                {
                    echo "Failed to connect to MySQL: " . mysqli_connect_error();
                }
                $result="select count('id') from campagne"; $sql=mysqli_query($connessione,$result); $row=mysqli_fetch_array($sql);
                echo "$row[0]";
                mysqli_close($connessione);
                ?>                                                            
            </div>
        </div>
        <div class="col-md-4"></div>
    </div>
    
    <div style="padding-top: 30px;" class="row">
        <div class="col-md-4"></div>
        <?php
        
        // IMPLEMENTIAMO LA VARIABILE MESSAGGIO
        $messaggio = "";
        if (isset($_POST['submit'])) {
            include '../../connessione.php';
            
            //REAL_ESCAPE_STRING ANTI STRINGA BUCA DB
            $data_inizio = date('Y-m-d',strtotime($_POST['data_inizio']));
            $data_fine = date('Y-m-d',strtotime($_POST['data_fine']));
            
            
            // IMPLEMENTA PASSWORD_HASH PER INNALZAMENTO SICUREZZA PHP VERSION 5.6 MAGGIORE
            $connessione->query("INSERT INTO campagne (
                data_inizio,
                data_fine
                
            ) 
            
            VALUES (
                '$data_inizio',
                '$data_fine'
                
            )");
            
            $messaggio = "<p class=\"alertmsg\">La tua campagna è stata creata. Continua associando almeno un impianto e un cliente per terminare la configurazione.<a href='associa.php'>Associa</a></p>";
        }
        ?>
        
        <script>
        function validateForm() {
            var x = document.forms["NOME_FORM"]["data_inizio"].value;
            if (x == "") {
                alert("Seleziona una Data di Inzio Campagna");
                return false;
            }
            var y = document.forms["NOME_FORM"]["data_fine"].value;
            if (y == "") {
                alert("Seleziona una Data di Fine Campagna");
                return false;
            }
        }
        </script>
        
        
        
        <div class="col-md-4">
            <form name="NOME_FORM" method="post" action="registra_campagne.php" class="text-center border border-light p-5" onsubmit="return validateForm()">
                <p class="h4 mb-4">Durata Campagna</p>
                <div class="md-form">
                    <!--The "from" Date Picker -->
                    <input name="data_inizio" placeholder="Data inizio" type="text" id="date-picker-example" class="form-control datepicker">
                    <label for="date-picker-example">Inizio</label>
                    
                </div>
                <div class="md-form">
                    <!--The "to" Date Picker -->
                    <input name="data_fine" placeholder="Data Fine" type="text" id="date-picker-example2" class="form-control datepicker">
                    <label for="date-picker-example2">Fine</label>
                </div>
                <input class="btn btn-info btn-block" name="submit" type="submit" value="Aggiungi"><br>
            </form>
            <?php if ($messaggio != "") echo $messaggio . "<br><br>"; ?>
            
        </div>
        
        
        <div class="col-md-4"></div>
    </div>
</div>

<script type="text/javascript" src="datepicker.js"></script>
<script type="text/javascript">

// Data Picker Initialization
$('.datepicker').pickadate({
    min : new Date(),
    onClose: function(){
        $('#date-picker-example2').pickadate({
            min : $('.datepicker').val()
        })
    }
});
$('.datepicker').pickadate({
    // Escape any “rule” characters with an exclamation mark (!).
    format: 'yyyy/mm/dd',
    formatSubmit: 'Y/m/d',
    hiddenPrefix: 'prefix__',
    hiddenSuffix: '__suffix'
})


$('.datepicker').pickadate({
    closeOnSelect: false,
    closeOnClear: false
    
});
$('#input_starttime').pickatime({
    twelvehour: true
    
});
$('#input_endtime').pickatime({
    darktheme: true,
    twelvehour: false
    
});
</script>