Estoy tratando de establecer una fecha mínima y máxima para mis entradas de fecha, la configuración mínima funciona, pero por alguna razón la fecha máxima no lo es. ¿Cuál es el problema aquí? También intenté usar getDate()+90 en lugar de getMonth()+3.
mis entradas:
let today = new Date().toISOString().split('T')[0]; let date3m = new Date(new Date().setDate(new Date().getMonth() + 3)); document.getElementsByName("start")[0].setAttribute('min', today); document.getElementsByName("start")[0].setAttribute('max', date3m) <div class="calendar"> <div> <label for="start">Start Dato:</label> <input type="date" id="start" name="start" required> </div> <div> <label for="end">Slutt Dato:</label> <input type="date" id="end" name="end" required> </div> </div>Olvidó eliminar la hora de date3m antes de configurar el atributo max de la entrada.
let today = new Date().toISOString().split('T')[0]; let date3m = new Date(new Date().setDate(new Date().getMonth() + 3)).toISOString().split('T')[0]; document.getElementsByName("start")[0].setAttribute('min', today); document.getElementsByName("start")[0].setAttribute('max', date3m) <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script> <div class="calendar"> <div> <label for="start">Start Dato:</label> <input type="date" id="start" name="start" required> </div> <div> <label for="end">Slutt Dato:</label> <input type="date" id="end" name="end" required> </div> </div>min y max deben tener el formato YYYY-MM-DD . Está configurando max en algo como Sat Nov 13 2021 18:14:51 GMT-0500 (Eastern Standard Time) , que no funciona.
Use toISOString() tal como lo hizo today .
Y setDate() debería ser setMonth() .
let today = new Date().toISOString().split('T')[0]; let date3m = new Date(); date3m.setMonth(date3m.getMonth() + 3); date3m = date3m.toISOString().split('T')[0]; document.getElementsByName("start")[0].setAttribute('min', today); document.getElementsByName("start")[0].setAttribute('max', date3m) <div class="calendar"> <div> <label for="start">Start Dato:</label> <input type="date" id="start" name="start" required> </div> <div> <label for="end">Slutt Dato:</label> <input type="date" id="end" name="end" required> </div> </div>