How to use bootstrap datepicker to disable some dates

Question

I believe that after a certain date chosen by the user, all the dates ahead are disabled for choice, I tried the use of maxDate, but it has no effect, I was able to disable some date using disableDate but I don’t find much about how to use itlo, I end up seeing more use of maxDate that is not working for me.

i have a function that is called when the user clicks on a date q is this

limitDate() { $( "#final_date" ).datepicker({ datesDisabled: ['+m'] }); }

and where I start my datepicker is like this:

  activeDate() {
$("#initial_date").datepicker({
  changeMonth: true,
  changeYear: true,
  format: 'dd/mm/yyyy',
  startView: "days",
  minViewMode: "days",
  language: 'pt-BR'
});
$("#final_date").datepicker({
  changeMonth: true,
  changeYear: true,
  format: 'dd/mm/yyyy',
  startView: "days",
  minViewMode: "days",
  language: 'pt-BR',
  datesDisabled: this.disabledDates
});

}

Can someone help me with what I’m missing please

Answer 1

Just set the endDate for +0d:

<script>
$(function(){
    $('.datepicker').datepicker({
        format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
</script>

Link to thread in English: https://stackoverflow.com/questions/20964218/how-to-restrict-bootstrap-date-picker-from-future-date