Bootstrap стала популярной в 2013 году, и Bootstrap по-прежнему будет любить все больше людей в 2014 году. У него не только полный и красивый пользовательский интерфейс, но и расширил много полезных плагинов и тем для его разработки! Пусть он имеет бесконечные возможности!
Компания любит использовать различные бесплатные фреймворки с открытым исходным кодом. Bootstrap очень прост в использовании, а макет каркаса красивая и проста в использовании. Сегодня я столкнулся с управлением DatePicker, который хочу его использовать.
Проблема в том, что две временные точки делятся на начало времени и времени окончания, и время окончания должно быть после начала времени. Поэтому я изучал это некоторое время, и мне потребовалось перерыв с утра до 3 часов, чтобы решить проблему.
Суммируйте проблему. Основная причина заключается в том, что jQuery, используемый в проекте, также используется в пользовательском интерфейсе jQuery. Получается, что внутри также есть дата, и имя точно такое же. Я пытался сделать все это, проверяя использование DatePicker в jQuery и искал различные онлайн -вещи, которые являются хорошими, то есть связывающими метод Onselect к DatePicker. По совпадению, многие пользователи сети говорят, что Onselect не работает ...
Внезапно я нашел кучу начальных вещей под папкой LIB. Что еще более важно, на нем была еще одна папка с Bootstrap_datepicker. Я понял, что мы не использовали DatePicker под jQuery. ⊙⊙B Пот
Непосредственно опубликовать код:
JS -код
$ ('#starttime'). DatePicker ({format: 'yyyy.mm.dd', Weekstart: 1, Autoclose: True, TodayBtn: 'Linked', язык: 'zh-cn'}). On ('Изменен ", функция (ev) {var starttime = ev.date.valueof (); if (vescept weapp) время "!"); $ ("#starttime"). Focus ();}}); $ ('#EndTime'). DatePicker ({format: 'yyyy.mm.dd', Weekstart: 1, Autoclose: True, TodayBtn: 'Linked', язык: 'zh-cn'}). ev.date.valueof (); end = endtime; if (end <start) {alert ("" "Время окончания" не может быть раньше, чем "время запуска оценки"! ");} else {}});код JSP:
<div id = "starttime_main"> <label for = "starttime"> начало времени: </label> <div data date = "2013.05.10" id = "starttimediv"> <input type = "text" value = "" id = "starttime" readonly> <span> <i> </i> </span> </div> <div = "endtime> <sa> </i> </span> </div> <div =" </label> <divdata-date = "2013.05.10" id = "endtimediv"> <input type = "text" value = "" id = "endtime" readonly> <pan> <iClass = "icon-calendar"> </i> </span> </div> </div>
Выше приведено совместное использование опыта использования управления DatePicker Bootstrap, представленного вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!