Bootstrap wurde 2013 beliebt, und Bootstrap wird 2014 weiterhin von mehr Menschen geliebt. Es hat nicht nur eine vollständige und schöne Benutzeroberfläche, sondern hat auch viele nützliche Plug-Ins und Themen für seine Entwicklung erweitert! Lassen Sie es unendliche Möglichkeiten haben!
Das Unternehmen verwendet gerne verschiedene Open -Source -freie Frameworks. Bootstrap ist sehr einfach zu bedienen und das Framework -Layout ist wunderschön und einfach zu bedienen. Heute habe ich die DatePicker -Kontrolle gestoßen, die ich verwenden möchte.
Das Problem ist: Zwei Zeitpunkte werden in die Startzeit und die Endzeit unterteilt, und die Endzeit muss nach der Startzeit erfolgen. Also habe ich es für eine Weile studiert und es brauchte eine Pause vom Morgen bis 3 Uhr, um das Problem zu lösen.
Fassen Sie das Problem zusammen. Der Hauptgrund ist, dass die im Projekt verwendete JQuery auch in der Jquery -Benutzeroberfläche verwendet wird. Es kommt vor, dass es auch einen DatePicker im Inneren gibt und der Name genau der gleiche ist. Ich habe versucht, alles zu tun, die Verwendung von DatePicker in JQuery zu überprüfen und nach verschiedenen Online -Dingen zu suchen, die gut sind, das heißt, die Onselect -Methode bis zum Datumspunkt zu verbinden. Zufälligerweise sagen viele Internetnutzer, dass Onselect nicht funktioniert ...
Plötzlich fand ich eine Reihe von Bootstrap -Dingen unter dem Lib -Ordner. Noch wichtiger ist, dass ein weiterer Ordner mit Bootstrap_datepicker geschrieben wurde. Mir wurde klar, dass wir DatePicker unter JQuery nicht benutzten. ⊙⊙b Schweiß
Veröffentlichen Sie den Code direkt:
JS -Code
$ ('#startTime'). DatePicker ({Format: 'yyyy.mm.dd', WeekStart: 1, Autoclosse: true, TodayBtn: 'Linked', Sprache: 'Zh-cn'}). on ('verändert', Funktion (ev) {var starttime = ev.date. Zeit "!"); $ ("#starttime"). focus ();}}); ev.date.ValueOf (); end = endzeit; if (end <start) {alert ("" Bewertung endzeit "kann nicht früher als" Bewertungsstartzeit "!");} else {}});JSP -Code:
<div id = "startTime_main"> <label für = "startTime"> Startzeit: </label> <div dat-datate </label> <divdata-date = "2013.05.10" id = "endTimediv"> <Eingabe typ
Das obige ist die Freigabe der Erfahrung mit der Verwendung der DatePicker -Steuerung von Bootstrap, die Ihnen vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!