0

Ich verwende das Plugin "datepicker" auf meinem Projekt, es ist auf Jahrzehnt-Ansicht eingestellt, und ich möchte die zukünftigen Daten deaktivieren, dafür habe ich die maxDate Option verwendet, aber es ist nicht funktioniert, mein Code:minDate und maxDate Optionen funktionieren nicht in datepicker

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

versucht, mit 0 und new Date

+0

Ich versuche, in den Web api: https: //uxsolutions.github. io/bootstrap-datepicker /; Wenn Sie heute am Enddatum eingeben, geben Sie generate - endDate: "today" ein - versuchen Sie also, maxDate zu löschen und fügen Sie endDate hinzu: "today" – sixerss

Antwort

2

Beachten Sie, dass bootstrap-datepicker keine maxDate Option hat, müssen Sie endDate verwenden.

Hier eine Arbeitsprobe:

$("#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">

+0

das hat funktioniert, danke bro @ VincenzoC –

1

unten Code versuchen:

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

Sie können auch mit versuchen:

maxDate: 0 
+0

hat versucht, dass Ihre Lösung nicht funktioniert, ja ich habe sowohl mit "0" als auch mit "new date" versucht ", nichts scheint zu funktionieren !! –

0

Hinzufügen Attribut data-date-end-date="0d" für mich gearbeitet:

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