"fazer um verificação antes de enviar ao banco que não permita que a primeira data seja maior que a segunda"
Vc pode fazer isso de duas maneiras diferentes:
- Back end - php
- Front end - javascript
Eu geralmente uso javascript para evitar código em php.
Dito isso, usando JS, existem ao menos 2 possibilidades para essa tarefa.
- Usando javascript puro
- Usando algum das várias bibliotecas JS. Eu uso datepicker do jquery.
Essa aplicação permite várias configurações do campo de data de maneira bem simples.
Eu tenho um código que uso nas minhas aplicações. Ele é bi direcional.
No cenário seguinte existe uma data para entregar produtos e uma data para relaizar a festa. Então o usuário escolhe a data prevista para receber o produto. Quando essa data é escolhida, a data da festa só pode ser maior ou igual a data de chegada. Existe tbm a possibilidade do usuário escolher primeiro a data da festa. Entáo a data máxima de entrega do produto só pode ser a data do evento.
Espero que ajude, tenta adequar para suas necessidades.
//Validar datas:
//Quando abre o datapicker seleciona a menor data para ser o dia de hoje now().
var now = new Date(),
minDateJS = now.toISOString().substring(0,10);
//Seleciona a data de entrega do produto.
//Aplica a data now (hoje) para ser a menor data selecionavel para a entrega do produto
//Aplica a data de entrega do produto para ser a menor data possivel do evento
$('#dt_entregaProd').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true,
minDate: minDateJS,
inline: true,
onClose: function( selectedDate ) {//Passa a data selecionada neste objeto para ser a menor data possivel para realizar o evento
$( "#dt_Event" ).datepicker( "option", "minDate", selectedDate );
}
});
//Seleciona a data do evento.
//Evento bidirecional. Se a data do evento for selecionada primeiro, entã a data máxima de entrega do produto será limitada automaticamente
$('#dt_Event').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: true,
minDate: minDateJS,
inline: true,
onClose: function( selectedDate ) {
$( "#dt_entregaProd" ).datepicker( "option", "maxDate", selectedDate );
}
});