Bootstrap se hizo popular en 2013, y Bootstrap continuará siendo amado por más personas en 2014. ¡No solo tiene una interfaz de usuario completa y hermosa, sino que también ha extendido muchos complementos y temas útiles para su desarrollo! ¡Que tenga infinitas posibilidades!
A la compañía le gusta usar varios marcos libres de código abierto. Bootstrap es muy fácil de usar, y el diseño del marco es hermoso y simple de usar. Hoy me encontré con el control DatePicker que quiero usarlo.
El problema es: dos puntos de tiempo se dividen en la hora de inicio y la hora de finalización, y la hora de finalización debe ser después de la hora de inicio. Así que lo estudié por un tiempo y me tomó un descanso desde la mañana hasta las 3 en punto para resolver el problema.
Resumir el problema. La razón principal es que la jQuery utilizada en el proyecto también se usa en la interfaz de usuario jQuery. Sucede que también hay un DatePicker en el interior, y el nombre es exactamente el mismo. He estado tratando de hacerlo todo, verificando el uso de DatePicker en jQuery y buscando varias cosas en línea que sean buenas, es decir, vinculando el método Onselect a DatePicker. Casualmente, muchos internautas dicen que Onselect no funciona ...
De repente, encontré un montón de cosas de arranque debajo de la carpeta LIB. Más importante aún, había otra carpeta con bootstrap_datepicker escrita en ella. Me di cuenta de que no estábamos usando DatePicker bajo jQuery. ⊙⊙B sudor
Publique directamente el código:
código JS
$ ('#starttime'). datepicker ({format: 'yyyy.mm.dd', weekStart: 1, autoclose: true, Todaybtn: 'Linked', idioma: 'zh-cn'}). on ('cambiando', function (ev) {var inicio starttime = ev.date.valueOf (); if (inicio <enseñe) {alerta de inicio "" "", no puedo ser más temprano ". tiempo "!"); $ ("#starttime"). focus ();}}); $ ('#endtime'). datepicker ({format: 'yyyyy.mm.dd', weekStart: 1, autoclose: true, thaybtn: 'vinculado', idioma: 'zh-cn'}). ev.date.valueOf (); end = endtime; if (end <start) {alert ("" El tiempo de finalización de la evaluación "no puede ser anterior a" tiempo de inicio de evaluación "!");} else {}});Código JSP:
<div id = "starttime_main"> <etiqueta for = "starttime"> start hime: </selabel> <div data date = "2013.05.10" id = "startTimediv"> <input type = "text" value = "" id = "starttime" readonly> <span> <i> </i> </div> <biv> <d <d "id =" endtime_main "> <babora para =" </etiqueta> <divdata-date = "2013.05.10" id = "endtimediv"> <input type = "text" value = "" id = "endtime" readonly> <span> <iclass = "icon-calendar"> </i> </span> </div> </div>
Lo anterior es el intercambio de la experiencia de usar el control DatePicker de Bootstrap introducido a usted. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!