Bootstrap est devenu populaire en 2013, et Bootstrap continuera d'être aimé de plus de gens en 2014. Il a non seulement une interface utilisateur complète et magnifique, mais a également étendu de nombreux plug-ins et thèmes utiles pour son développement! Laissez-les infinis de possibilités!
L'entreprise aime utiliser divers frameworks libres open source. Bootstrap est très facile à utiliser et la disposition du cadre est magnifique et simple à utiliser. Aujourd'hui, j'ai rencontré le contrôle DatePicker que je souhaite l'utiliser.
Le problème est: deux points dans le temps sont divisés en heure de début et en fin de fin, et l'heure de fin doit être après l'heure de début. Je l'ai donc étudié pendant un moment et cela m'a pris une pause du matin jusqu'à 3 heures pour résoudre le problème.
Résumer le problème. La raison principale est que la jQuery utilisée dans le projet est également utilisée dans l'interface utilisateur jQuery. Il arrive qu'il y ait également un DatePicker à l'intérieur, et le nom est exactement le même. J'ai essayé de tout faire, de vérifier l'utilisation de DatePicker dans jQuery et de chercher diverses choses en ligne qui sont bonnes, c'est-à-dire en liant la méthode onSelect à DatePicker. Par coïncidence, de nombreux internautes disent qu'onselect ne fonctionne pas ...
Soudain, j'ai trouvé un tas de choses bootstrap dans le dossier lib. Plus important encore, il y avait un autre dossier avec bootstrap_datepicker écrit dessus. J'ai réalisé que nous n'utilisions pas DatePicker sous jQuery. ⊙⊙B sueur
Publiez directement le code:
Code JS
$ ('# starttime'). DatePicker ({Format: 'yyyy.mm.dd', semaine: 1, autoclose: true, aujourd'huitnB: 'lien', langage: 'zh-cn'}). sur ('changé', function (ev) {var starttime = ev.date.Valuef (); Time "!"); $ ("# starttime"). focus ();}}); $ ('# endtime'). DatePicker ({format: 'yyyy.mm.dd', weekSt: 1, autoclose: true, todaybtn: 'linked', language: 'zh-cn'}). sur ('changé', fonction (ev) {var endtime = ev.date.valueof (); end = endtime; if (end <start) {alert ("" Evaluation End Time "ne peut pas être plus tôt que" l'heure de début de l'évaluation "!");} else {}});Code jsp:
<div id = "starttime_main"> <étiquette pour = "startTime"> Démarrer l'heure: </ label> <div data-date = "2013.05.10" id = "starttimediv"> <input type = "text" value = "" id = "starttime" readonly> <span> <i> </ i> </pan> </v> <div id = "finmain_main"> <étiquette pour = "EndTime" </ label> <divdata-date = "2013.05.10" id = "endtimeDiv"> <input type = "text" value = "" id = "endtime" readonly> <span> <iclass = "icon-calendar"> </i> </span> </ div> </v>
Ce qui précède est le partage de l'expérience de l'utilisation du contrôle DatePicker de Bootstrap qui vous a été introduit. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!