Ich möchte zwei Monate mit bootstrap datepicker zeigen. Nach der Suche auf Google kann ich nicht finden, wie man mehrere Monate mit bootstrap datepicker zeigt. Ich habe festgestellt, dass ich die JQuery-Benutzeroberfläche für die Anzeige mehrerer Monate verwenden kann.
Aber das Problem ist: In meiner Anwendung verwenden sie Bootstrap-Datumsauswahl. Wenn ich versuche, JQuery UI Datepicker zu verwenden, dann überschreibt Bootstrap Datepicker es und ich kann JQuery UI Datepicker nicht sehen.
Könnten Sie bitte vorschlagen, wie Bootstrap Datepicker zu JQuery UI ersetzen?
Ich wollte das erreichen: Ссылка
Dieses Problem kann mit dem noConflict Methode von bootstrap-datepicker
Sie können einfach $.fn.datepicker.noConflict() verwenden, was den Bootstrap-Datumsauswahl durch den älteren Datumszeiger ersetzt, der vorhanden war, in diesem Fall jQuery UI.
Für diejenigen, die beide Datepicker behalten möchten, können Sie Folgendes tun:
%Vor% Danach können Sie jQuery UI Datepicker mit datepicker() method initialisieren, und Bootstrap eins mit bootstrapDP()
Randnotiz: Stellen Sie sicher, dass Sie bootstrap datepicker nach jquery ui laden, damit wir noConflict()
Sie können Bootstrap und jQuery-UI zusammen mit fast keinem Problem verwenden, wenn Sie den Datepicker verwenden.
Zumindest hatte ich kein Problem, aber ich hatte jQuery-UI arbeiten und dann Bootstrap angewendet. Ich empfehle diesen Ansatz.
Hier ist die jQuery-UI Implementierung von datepicker mit mehreren Monaten.
%Vor%Hier ist meine Implementierung von jQueryUI:
HTML-Element:
%Vor%JS:
%Vor%Wie Sie sehen können, verwende ich class statt ID, da ich auf einigen Seiten mehrere Datumsauswahlpunkte verwende.
Ich habe festgestellt, dass der z-Index für das jQueryUI-Kalender-Popup niedrig ist.
probiere das
aus %Vor%Um zu erweitern, was vic gesagt hat, kann die jQuery UI mit Bootstrap verwendet werden, aber es lohnt sich möglicherweise nicht. Siehe diesen Beitrag von SO:
Kann ich Twitter Bootstrap verwenden? und jQuery UI zur gleichen Zeit?
Sie finden vielleicht, dass dieser Datapicker mehr Optionen hat, die Ihnen geben könnten, was Sie brauchen ... Ich sehe jedoch nicht mehrere Kalender: Ссылка
Ich würde auch denken, dass das Aussehen und Verhalten der jQuery-Benutzeroberfläche mit dem Bootstrap-Look & Feel nicht unbedingt in Ordnung ist, obwohl das nur meine Meinung ist.
Tags und Links jquery jquery-ui twitter-bootstrap bootstrap-datepicker jquery-ui-datepicker