2017-06-03 8 views
2

Ich benutze das Bootstrap-Plugin Datepicker und alles funktioniert gut (einschließlich gewähltes Format, deaktivierte Wochentage, etc) aber egal wie ich eine datesDisabled-Option übergeben, wird der resultierende Kalender einfach nicht angezeigt Dieses Datum ist tatsächlich deaktiviert.Bootstrap Datepicker nicht erkennen datesDisabled Option

Hier ist mein Code für die Initialisierung:

$('#tour_date').datepicker({ 
format: 'yyyy-mm-dd', 
autoclose: true, 
datesDisabled: '2017-08-10', 
daysOfWeekDisabled: [0,6], 
startDate: '2017-08-01', 
endDate: '2018-05-30', 
todayHighlight: true, 
weekStart: 1, 
}); 

Der entsprechende Eingang:

<input id="tour_date" name="tour_date" type="text" value="" class="form- 
control input-md" required> 

ich versucht habe, die Header-CSS und JS-Dateien neu anordnen, um die Position der Initialisierungscode Wechsel zu kurz vor der (wie es jetzt ist) und lädt alle Dateien von einem CDN.

Der Kalender zeigt gut mit allen anderen Optionen funktioniert wie erwartet. Das datesDisabled ist die einzige Sache, bei der das Datum nicht wirklich deaktiviert wird.

Ich möchte schließlich ein Array von Daten zur Deaktivierung übergeben, aber dies kann nicht einmal ein Datum deaktivieren. Jeder Rat würde sehr geschätzt werden, da ich mir stundenlang die Haare aus dem Kopf gezogen habe, um es zur Arbeit zu bringen. Ich benutze dies mit dem AdminLTE-Admin-Panel, wenn das einen Unterschied macht.

Ich bin auch auf einige Fiddle-Implementierungen des Bootstrap-Datapickers gestoßen und habe sie so bearbeitet, dass sie in meinen Code passen, und er funktioniert dort! Warum funktioniert diese bestimmte Option bei meiner Einrichtung nicht?

Vielen Dank.

Antwort

0

Als zukünftige Referenz waren meine enthaltenen CSS- und JS-Dateien veraltet. Ich habe einfach auf die neuesten Versionen verwiesen, und alles hat funktioniert!