Ich habe Schwierigkeiten mit dem Erstellen von eingebetteten/Inline-Datumsauswahl, die nicht anklickbar sein wird - es sollte nur Daten zeigen, verhalten sich wie readonly.Wie bootstrap datepicker readonly zu machen?
Was ich tue Kalender mit ausgewählten Daten aus Modell bevölkern, dann versuche ich es un-klickbare so Benutzer zu machen nicht dünn er etwas bearbeiten.
I eternicode-Bootstrap-Datepicker bin mit - es multidate zu machen.
Bisher habe ich diese bekam:
<link rel="stylesheet" href="<c:url value="/resources/js/lib/eternicode-bootstrap-datepicker/css/datepicker3.css" />" />
<script src="<c:url value="/resources/js/lib/eternicode-bootstrap-datepicker/js/bootstrap-datepicker.js"/>"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#datepicker-inline").datepicker({
multidate : true,
todayHighlight : true,
});
var dates = [];
var i = 0;
<c:forEach items="${course.selectedDates}" var="selectedDate">
console.log("${selectedDate}");
dates[i++] = new Date("${selectedDate}");
</c:forEach>
$("#datepicker-inline").datepicker('setDates', dates);
// something to make it readonly
$(".day").click(function(event) {
console.log("preventing");
event.preventDefault();
});
});
</script>
<div class="col-xs-8">
<h4>Dates</h4>
<div id="datepicker-inline"></div>
</div>
[Sorry, wenn es schlecht formatiert ist]
Wie Sie sehen können, ich versuche Standard-Klick-Aktion auf · Tag im Kalender zu verhindern. Die Konsole zeigt "Verhindern" an, überprüft jedoch weiterhin den ausgewählten Tag.
Haben Sie eine Ahnung, wie es deaktiviert machen/inaktiv/Read-only?
Alles Nur-Lese-Thema, wo über <input>
nur lesbar zu machen, aber noch in der Lage Datum von Datumsauswahl zu wählen.
In Ihrem '$ click' Veranstaltung, haben Sie versucht, das Hinzufügen' event.stopPropagation(); '' nach Event.preventDefault(); '? Nicht sicher, ob es Cross-Browser-kompatibel oder arbeiten mit einem "div" wie Sie haben, aber einen Schuss wert.Ich habe es gerade in Chrome versucht (mit einer "Eingabe") und es hat verhindert, dass das Datum angeklickt wurde. – Brian
Das hat funktioniert! Vielen Dank! :) Wenn Sie das als Antwort hinzufügen, werde ich es als Lösung markieren. –