Hola chicos, estoy trabajando en un proyecto que requiere la validación del selector de fecha para verificar si la fecha de finalización es mayor o igual que la fecha de inicio. ¿Alguien puede ayudarme a escribir jquery para que pueda deshabilitar las fechas en función de la selección de fechas del usuario y restringirlo para elegir las fechas dentro del rango inicial y final ingresado por el usuario? El código se ve así:
<div class="mb-4"> <label for="startdate" class="form-label">StartDate</label> <input type="date" class="form-control" id="startdate" name="startdate" /> </div> <div class="mb-4"> <label for="enddate" class="form-label">End Date</label> <input type="date" class="form-control" id="enddate" name="enddate" /> </div>
No estoy seguro de cómo deshabilitar las fechas del selector interno que son más altas que la fecha de startDate
, pero así puede hacer una validación
var startDate = new Date($('#startdate').val()); var endDate = new Date($('#enddate').val()); if (startDate < endDate){ // Do something }