As a title I have implemented two datePicker within my project, my goal is that the second datePicker can not select a date before the date selected in the first datePicker.

<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" required 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>

</div>


<div class="col-md-4"></div>
</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>