Столкнулся с не хорощей ситуацией, когда datepicker работает не так как нужно, а именно:
1) У меня есть Bootstrap3, Jquery, Jquery-UI, - это все что я могу использовать. А также дано 2 поля input на странице и 2 поля input в модальном окне.
2) на JsFiddle отобразить хотя бы копию кода не смогу, поскольку достаточно много кода и к сожалению "подписка"
3) Когда я вставляю код на страницу таким образом:
<input type="text" class="datepicker_goal" value="Period"/>
$('.datepicker_goal').datepicker();
Динамически формируются 2 inputa и все работает т.е. при клике я вижу календарь.
Но тоже самое не работает в модальном окне:
<input type="text" class="datepicker_goal_modal" value="Period"/>
$('.datepicker_goal_modal').datepicker();
Ничего не отображается. Мало того даже не создается элемент с классом .datepicker. Причем после кликов по input-ам, начинает выполняться вот эта строка:
$('body').on('hide.bs.modal', '.modal', function (event) {
Хотя я ничего не скрывал...
Пробовал присвоить событие к document, менял z-index, даже пробовал вот так:
.datepicker{z-index:1151 !important;}
Увы...
В модальном окне, datepicker не работает.
Дальше решил как нибудь заменить его (не в модальном окне пишу):
Но при клике по иконке вызова выпадающего меню с выбором даты, тоже ничего не происходит.
Как будто сговорились... (
Вопрос, каким образом реализовать с помощью вышеназванных технологий вывод datepicker на основной странице и в модальном окне?