Tengo dos campos de entrada:
<input type="date" id="start">
y
<input type="date" id="end">
¿Hay alguna manera de deshabilitar las fechas anteriores en el campo de entrada de "finalización" en función de la fecha que el usuario ha seleccionado en la entrada de "inicio".
Por ejemplo: si el usuario selecciona "2022/01/11" en el campo de entrada de inicio, debe deshabilitar automáticamente todas las fechas anteriores en el campo de entrada final (el usuario solo debe poder seleccionar fechas a partir del 11/01/2022 o posteriores).
Todo esto usando javascript.
Lo que he probado:
$(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day < 10) day = '0' + day.toString(); var minDate= year + '-' + month + '-' + day; $('#txtDate').attr('min', minDate); });Que funciona pero solo para un campo de entrada.
Gracias por adelantado.
Puede manejar el evento de "cambio" de la entrada de la fecha de inicio y actualizar el atributo min de la entrada de la fecha de finalización con el valor de la entrada de la fecha de inicio:
$("#start").change(function(){ $("#end").prop("min", $(this).val()); $("#end").val(""); //clear end date input when start date changes }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="start" /> <input type="date" id="end" />