Ich arbeite an einer WordPress-Website mit dem auf Bootstrap 3 basierenden Theme.
In einem Formular muss ich Kalenderdatumsauswahlen einfügen. Ich habe eine js-Bibliothek von eyecon hinzugefügt (Demo-Website für die Datepicker-Bibliothek). Ich habe es mit Datumswählern zum Laufen gebracht, aber ich habe Probleme, die Auswahl der vergangenen Zeiten für das Ankunftsfeld zu deaktivieren, wenn die Abfahrtszeit eingestellt ist.
Wenn beispielsweise die Abfahrtszeit auf den 1. März eingestellt ist und der Benutzer auf das Ankunftsfeld im angezeigten Kalender klickt, sollten alle Daten vor dem 2. März deaktiviert werden.
Ich habe mehrere Versionen des Codes auf der Demo-Website ausprobiert, aber sie haben nicht funktioniert. Ich denke, das Problem könnte sein, dass ich jQuery im NoConflict-Modus habe.
Mein aktuelles Skript befindet sich in der footer.php meines Themes. Das Kalender-Popup funktioniert und deaktiviert vergangene Daten, deaktiviert jedoch keine Daten vor dem Ankunftsfeld, sobald das Abreisedatum festgelegt ist.
Dies war der erfolgreichste Versuch, da zumindest die Kalender-Popups bei diesem Versuch funktionierten: http://jsfiddle.net/j5ZKc/
Und das ist mein aktuelles Skript:
<script type="text/javascript">
jQuery(function() {
jQuery('#dp1, #dp2'
).datepicker({startDate: '-0m'}).on('changeDate', function(){
jQuery( '#dp1, #dp2'
).datepicker('hide');
})
});
</script>
Irgendwelche Vorschläge bitte?
Ihre angegebene Demo-Seite enthält ein Check-in/Check-out-Beispiel. Sie haben es versucht und es funktioniert nicht? Es sieht für mich vernünftig aus.
– snrlx
29. Januar 14 um 18:38 Uhr
Ja, ich habe versucht, es zu verwenden, konnte aber vielleicht nicht die richtige Syntax für js finden, da ich es mit dem NoConflict-Modus verwenden musste, wobei jQuery anstelle von $ verwendet wurde
– Dominik
29. Januar 14 um 19:39 Uhr
Könnten Sie bitte Ihren Beitrag bearbeiten und zeigen, wie Sie es gemacht hätten. Dann kann ich versuchen, Ihre Fehler zu korrigieren.
– snrlx
29. Januar 14 um 20:05 Uhr
Ich habe meinen Beitrag bearbeitet und einen Link von jsfiddle hinzugefügt. Danke @nvrmnd :))
– Dominik
29. Januar 14 um 20:11 Uhr
Ok, also habe ich versucht, Ihren Code so zu ändern, dass er in jsFiddle funktioniert … habe das nicht erreicht, aber ich habe ihn in meiner lokalen Umgebung zum Laufen gebracht. Ich habe den Code aus dem Beispiel nicht zu sehr geändert und es hat funktioniert.
– snrlx
29. Januar 14 um 21:15 Uhr