mi problema es que mediante Javascript estoy creando un atributo min en un label tipo DATE, y se crea correctamente, pero el navegador no bloquea las fechas anteriores. Os dejo código y capturas:
JS
function deshabilitarFechaAnterior() {
const fechaInput = document.querySelector('#fecha');
const fechaAhora = new Date(); // Crea la fecha actual, incluyendo horas, minutos y segundos
const year = fechaAhora.getFullYear();
const mes = fechaAhora.getMonth() + 1; // Los meses empiezan en 0
const dia = fechaAhora.getDate() + 1; // Para no poder reservar el mismo dia
// Formato deseado: YYYY-MM-DD -> Es el que usa HTML
const fechaDeshabilitar = `${year}-${mes}-${dia}`;
// Agregamos el atributo MIN al input DATE
fechaInput.min = fechaDeshabilitar;
}
HTML
<div class="campo">
<label for="fecha">Fecha</label>
<input id ="fecha" type="date">
</div>
Capturas