Les options minDate et maxDate ne fonctionnent pas dans datepicker

Question

J'utilise le plugin "datepicker" sur mon projet, il est réglé sur la vue des décennies, et je veux désactiver les dates futures, pour cela j'ai utilisé l'option maxDate mais c'est ne fonctionne pas, mon code:

$('#data_1 .input-group.date').datepicker({ 
    todayBtn: "linked", 
    maxDate: "0", 
    keyboardNavigation: false, 
    forceParse: false, 
    calendarWeeks: true, 
    autoclose: true 
}); 

essayé avec 0 et new Date

Answer 1

Notez que bootstrap-datepicker n'a pas l'option maxDate, vous devez utiliser endDate.

Voici un échantillon de travail:

$("#datepicker").datepicker({ 
 
    todayBtn: "linked", 
 
    endDate: new Date(), 
 
    keyboardNavigation: false, 
 
    forceParse: false, 
 
    calendarWeeks: true, 
 
    autoclose: true 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 

 
<input type="text" class="form-control" id="datepicker">

Answer 2

essayez ci-dessous le code:

var today = new Date(); 
$('#data_1 .input-group.date').datepicker({ 
      todayBtn: "linked", 
      endDate: "today", 
      maxDate: today 
      keyboardNavigation: false, 
      forceParse: false, 
      calendarWeeks: true, 
      autoclose: true 
     }); 

vous pouvez également essayer avec:

maxDate: 0 

Answer 3

Ajout d'attribut data-date-end-date="0d" a fonctionné pour moi:

<input type="text" id="birthDay" data-date-end-date="0d">