Estoy tratando de deshabilitar fechas pasadas en input type="date" . Puedo restringir fechas anteriores en el selector de fechas. Pero cuando escribo fechas anteriores en el selector de fechas HTML, puedo guardar datos incluso si la fecha ya está lista (por ejemplo, escribo 08/12/2020 )
$(document).ready(function() { //DISABLED PAST DATES IN APPOINTMENT DATE var dateToday = new Date(); var month = dateToday.getMonth() + 1; var day = dateToday.getDate(); var year = dateToday.getFullYear(); if (month < 10) month = '0' + month.toString(); if (day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; $('#txt-appoint_date').attr('min', maxDate); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="txt-appoint_date" />Puede deshabilitar keyboard onkeydown event .
$(document).ready(function() { //DISABLED PAST DATES IN APPOINTMENT DATE var dateToday = new Date(); var month = dateToday.getMonth() + 1; var day = dateToday.getDate(); var year = dateToday.getFullYear(); if (month < 10) month = '0' + month.toString(); if (day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; $('#txt-appoint_date').attr('min', maxDate); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="txt-appoint_date" onkeydown="return false"/>