Quiero comparar dos fechas, una fecha inicial y una fecha final. La fecha inicial debe ser menor a la fecha final. No deseo un evento alert, quiero mostrar el mensaje en el campo fecha final cuando esa fecha sea menor, similar los mensajes requiere="" de html5. Este es mi código:
function validate() {
inicio=document.getElementById('fechaInicial').value;
fin=document.getElementById('fechaFinal').value;
if(fin<inicial)
document.getElementById('fechaFinal').setCustomValidity('Esta fecha ser mayor a fecha incial.');
}
<form class="form-horizontal" method="post" action="" name="form"'>
Desde:<input name="fechaInicial" type="date" placeholder="" required="" max="<?php echo date("Y-m-d");?>">
Hasta:<input name="fechaFinal" type="date" title="La fecha inicial debe ser menor que la fecha final" required="" max="<?php echo date("Y-m-d");?>" oninput="validate()">
</form>