O Bootstrap tornou-se popular em 2013, e o Bootstrap continuará sendo amado por mais pessoas em 2014. Ele não apenas tem uma interface do usuário completa e bonita, mas também estendeu muitos plug-ins úteis e temas para seu desenvolvimento! Deixe ter infinitas possibilidades!
A empresa gosta de usar várias estruturas gratuitas de código aberto. O Bootstrap é muito fácil de usar, e o layout da estrutura é bonito e simples de usar. Hoje eu encontrei o controle DatePicker que quero usá -lo.
O problema é: dois momentos são divididos no horário de início e no horário de término, e o horário de término deve estar após o horário de início. Então eu estudei por um tempo e demorei uma pausa da manhã às três horas para resolver o problema.
Resuma o problema. O principal motivo é que o jQuery usado no projeto também é usado na interface do usuário do jQuery. Acontece que há também um datepicker dentro, e o nome é exatamente o mesmo. Eu tenho tentado fazer tudo, verificando o uso do DatePicker no jQuery e procurando várias coisas on -line que são boas, ou seja, vinculando o método ONSelect para DatePicker. Coincidentemente, muitos internautas dizem que o OneSelect não funciona ...
De repente, encontrei um monte de coisas de bootstrap sob a pasta Lib. Mais importante, havia outra pasta com bootstrap_datepicker escrito nela. Percebi que não estávamos usando o DatePicker Under JQuery. ⊙⊙b suor
Publique diretamente o código:
Código JS
$ ('#starttime'). datepicker ({formato: 'yyyy.mm.dd', weekStart: 1, autoclose: true, TodayBtn: 'Linked', idioma: 'zh-cn'}). tempo "!"); $ ("#starttime"). focus ();}}); $ ('#endtime'). datepicker ({format: 'yyyyy.mm.dd', weekStart: 1, efttime: (true, Todaybtn: 'Linked', linguagem: 'zh-cn'}). = EndTime; if (end <start) {alert ("" Avaliação final do tempo "não pode ser anterior ao" tempo de início da avaliação "!");} else {}});Código JSP:
<div id = "starttime_main"> <etiqueta para = "starttime"> start hour: </elated> <div data-date = "2013.05.10" id = "starttimediv"> <input type = "text" value = "para" starttime "readonly> <span> <i> </i> </span> </div = <dtime" end = "end =" e "time" time "time" time "e" time "time" time "e" time ") </label> <divdata-date = "2013.05.10" id = "endtimediv"> <input type = "text" value = "" id = "endtime" readonly> <pan> <iclass = "icon-calendário"> </i> </span> </div> </div>
O exposto acima é o compartilhamento da experiência de usar o controle DatePicker do bootstrap apresentado a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!