Я использую подключаемый модуль Jquery Bootstrap Datepicker. В фаерфоксе работает нормально. Кроме того, он работает на некоторых страницах моего сайта в Google Chrome (версия 33.0.1750.117 м). Однако есть один ввод текста (name="TravelDate"), где этот плагин не работает. Этот текстовый ввод помещается в модальное окно Bootstrap.
<script>
$(function () {
$("#date-trip").datepicker({
format: "dd.mm.yyyy",
startDate: new Date(),
todayBtn: "linked",
language: "ru",
autoclose: true
});
});
</script>
<!-- Modal -->
<div class="modal fade" id="createTripModal" tabindex="-1" role="dialog" aria-labelledby="createTripModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Travel creating</h4>
</div>
@using (Html.BeginForm("Create", "Trip", new {ReturnUrl = ViewBag.ReturnUrl}, FormMethod.Post, new {@class = "form-horizontal", role = "form"}))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<div class="modal-body">
<label for="date-trip">Date:</label>
<input name="TravelDate" type="text" id="date-trip" class="form-control" required autofocus />
</div>
<div class="modal-footer">
<input type="submit" value="Create" class="btn btn-primary" />
</div>
}
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->
Ошибок в консоли в Google Chrome нет. Важно, чтобы этот плагин корректно работал на других формах.
Буду рад любым советам.