Question

Tengo dos input con id=inp1 y id=inp2 respectivamente. Ambos recibiran fechas. Lo que necesito es comprobar que la fecha ingresada en el input con id=inp2, no sea menor que el input con id=inp1. Porque <input id="inp1"> es fecha inicial y <input id="inp2"> es fecha final.
Como hago dicha comprobacion y denegar que el usuario inserte una fecha final menor a la inicial...?

Answer 1

Hola @ibrames,

la comparación depende el formato en que esté ingresada la fecha, en el sentido que no es lo mismo dd/mm/yyyy que d/m/yy que yy-mm-dd etc

Una forma simple de hacerlo es cambiar el formato que sea que recibas como entrada a yyyymmdd ya que de esta forma el orden cronológico coincide con el orden natural de los números y con el orden alfabético, con lo que la comparación es trivial.

Si tu formato de entrada es dd/mm/yyyy podrías hacer:

// pasa los inputo a variables para manejarlos más cómodamente
inp1 = document.getElementById('inp1').value;
inp2 = document.getElementById('inp2').value;
// convierte las fechas a yyyymmdd
tmp = inp1.split('/');
fini = tmp[2]+tmp[1]+tmp[0];
tmp = inp2.split('/');
ffin = tmp[2]+tmp[1]+tmp[0];
// la comparación
if(fini > ffin){
   console.log('error, la fecha inicial es mayor que la fecha final');
}

Después se puede mejorar esto poniendo la conversión en una función, validando que la entrada tenga el formato adecuado, creando una función que reciba las 2 fechas y devuelva verdadero o falso, etc.

Perdón si hay algún error de sintaxis: escribí el código directamente acá... pero la idea es esa.

Saludos