Ich verwende bootstrap Datumsbereichsauswahl mit zwei Kalendern, damit Benutzer start
und end
dates auswählen können. Etwas Neues habe ich getan: Sobald ein Benutzer das START-Datum gewählt hat, konzentriere ich mich auf das END-Datum, so dass der Kalender automatisch erscheint.
FIDDLE?
Ich habe versucht, eine Geige einzurichten, aber es funktioniert einfach nicht auf einer Geige, aber Sie können immer auf der Plugin-Website testen, wie es auch auf dem ursprünglichen Plugin passiert. Weitere Informationen finden Sie auf der Seite zur Auswahl des Datumsbereichs .
DAS PROBLEM
Wenn ich auf dem iPhone das Startdatum anwähle, erscheint automatisch der Enddatumskalender, was großartig ist. Aber das Problem ist, es hängt an einem Hover, wo ich meinen Finger hatte. Wenn Sie sich also den Screenshot ansehen, habe ich 8th
im START-Kalender ausgewählt und wenn er sich auf den END-Kalender konzentriert, schwebt er auch automatisch über 6th
, weil ich meinen Finger auf dem gleichen Bereich hatte, als ich 8th
ausgewählt habe.
Wie kann das behoben werden? Ich habe versucht, alle% Co_de% Fixing-Plugins und Lösungen da draußen, aber nichts scheint das zu beheben.
Können Sie die Enddatumsauswahl bei der Anzeige nach der Auswahl des Startdatums durch den Benutzer zerstören und neu initialisieren?
Es wird die Webseite langsam machen, wenn der Benutzer das Datum auswählt. Ich habe kein Telefon, also kann ich nicht replizieren, also ist es nur Annahme.
Ich würde autoclose: true
einstellen, damit der Datepicker automatisch schließt, wenn ein Datum ausgewählt wird.
Dann können Sie hide
event verwenden, um zu wissen, wann 'end' Datepicker angezeigt werden soll, aber hier setzen Sie ein kleines Timeout wie 100-200ms
Prüfe Geige
Tags und Links jquery bootstrap-datepicker