I'm working on a simple project for a hostel, the site has a small application form. There are two fields to select the date of entry and another to select the date of exit. I'm using the library library as I've been working with it for some time.
The problem is that I am not finding a way so that the second input where I will load the exit date, is greater than the selected date in the field of arrival, also has in those ticket buying sites. Someone gives me a light?
$('.data1').pickadate({
formatSubmit: 'yyyy/mm/dd',
closeOnSelect: true,
closeOnClear: true,
monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
weekdaysFull: ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 'quinta-feira', 'sexta-feira', 'sábado'],
weekdaysShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
today: 'hoje',
clear: 'limpar',
close: 'fechar',
format: 'dd/mm/yyyy'
});
$('.data2').pickadate({
formatSubmit: 'yyyy/mm/dd',
closeOnSelect: true,
closeOnClear: true,
monthsFull: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
monthsShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
weekdaysFull: ['domingo', 'segunda-feira', 'terça-feira', 'quarta-feira', 'quinta-feira', 'sexta-feira', 'sábado'],
weekdaysShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sab'],
today: 'hoje',
clear: 'limpar',
close: 'fechar',
format: 'dd/mm/yyyy'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script><scriptsrc="https://parahybahostel.com.br/js/picker.js"></script>
<script src="https://parahybahostel.com.br/js/picker.date.js"></script><linkhref="https://parahybahostel.com.br/css/classic.css" rel="stylesheet" />
<link href="https://parahybahostel.com.br/css/classic.date.css" rel="stylesheet" />
<form method="POST">
Entrada:
<input type="text" name="chegada" class="data1" value="" />
<br />
<br /> Saída:
<input type="text" name="saida" class="data2" value="" />
</form>