Estoy tratando de deshabilitar fechas anteriores a partir de la fecha actual, funciona bien. pero cuando intenta deshabilitar el "selector de fecha hasta la fecha" después de 90 días pero no funciona, ¿puede ayudarnos? en realidad, aquí tengo dos selectores de fecha como DESDE la fecha y HASTA la fecha, pero no puedo deshabilitar las fechas después de 90 días aquí. Quiero permitir que la fecha de inicio solo la fecha actual Hasta la fecha habilitada solo los próximos 90 días a partir de la fecha actual.
<!DOCTYPE html> <html> <head> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" /> </head> <body> <label for="date">From:</label> <input id="date" data-provide="datepicker"> <label for="todate">To:</label> <input id="todate" data-provide="datepicker"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"> </script> <script> var date = new Date(); date.setDate(date.getDate()); $('#date').datepicker({ startDate: date }); var todates = new Date(); todates.setDate(dates.getDate()+90D); $('#todate').datepicker({ endtDate: todates }); </script> </body> </html>Fragmento de pago con el resultado esperado. En datepicker de fecha, debe agregar una fecha con formato específico. Y al usar eso, deshabilitamos los días no deseados según el requisito.
Para agregar días en la fecha de javascript :
var todates = new Date(); todates.setDate(cur_date.getDate() + 90);Aquí 90 son días reales que puede modificar según el uso.
var cur_date = new Date() var todaydate = cur_date.toISOString().split('T')[0] function formatDate(date) { var d = new Date(date), month = '' + (d.getMonth() + 1), day = '' + d.getDate(), year = d.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [day, month, year].join('-'); } todaydate = formatDate(todaydate); $('#fromdate').datepicker({ beforeShowDay: function(date){ if (todaydate == formatDate(date)) { return { enabled: true } } else { return { enabled: false } } }, startDate: cur_date, endDate: cur_date, }); var todates = new Date(); todates.setDate(cur_date.getDate() + 90); $('#todate').datepicker({ startDate: cur_date, endDate: todates }); .disabled { background: #ccc; pointer-events: none; } <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" /> <label for="fromdate">From:</label> <input id="fromdate" data-provide="datepicker"> <label for="todate">To:</label> <input id="todate" data-provide="datepicker"> <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"> </script>Si desea agregar más cosas funcionales como esta, puede probar más aquí