Bootstrap DatePicker в модальном не работает
Я пытался найти в Google и искать аналогичный вопрос, но пока ничего не нашел. У меня есть проблема, когда я создаю и открываю модал из jquery и пытаюсь получить доступ к средству выбора даты, однако он не активирует JS для средства выбора даты.
$("[id=add]").click(function () {
$("#myModal .modal-header h4").html("Request for Change");
$("#myModal .modal-body").html('<form class="form-horizontal" role="form"><br /><br /><label class="col-sm-2 control-label">Date Required</label><div class="col-sm-3"><div class="input-group date col-sm-8"><input type="text" class="form-control" id="DateRequired"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span></div></div></div>');
$("#myModal").modal("show");
});
(Извиняюсь за длинную строку, однако я удалил столько, сколько смогу - просто показываю код, который сейчас относится к проблеме.)
У меня есть эти сценарии, на которые ссылаются вверху:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="~/Scripts/jquery.tablesorter.min.js"></script>
И в том же<script> </script>
тег как функция jquery выше, в самом верху у меня есть:
$('.input-group.date').datepicker({
format: "dd/mm/yyyy",
startDate: "01-01-2015",
endDate: "01-01-2020",
todayBtn: "linked",
autoclose: true,
todayHighlight: true
});
У меня этот код используется аналогичным образом (за исключением отсутствия модального jquery - просто на странице cshtml), который работает правильно. Я не знаю, почему этот способ не сработает. Я использовал инструменты разработчика, чтобы попытаться отследить проблему, но ошибок нет - скрипты загружаются правильно, однако при нажатии на «Требуемая дата» не запускается jquery для datepicker.
Я неправильно использую Jquery HTML для создания модального?
ура