Jquery 플러그인 Bootstrap Datepicker을 사용합니다. 그것은 파이어 폭스에서 잘 작동합니다. 또한 Google 크롬의 내 사이트 일부 페이지 (버전 33.0.1750.117 m)에서 작동합니다. 그러나 하나의 텍스트 입력 (name = "TravelDate")이 있는데이 플러그인은 작동하지 않습니다. 이 텍스트 입력은 부트 스트랩 모달 창에 배치됩니다.부트 스트랩 Datepicker가 크롬에서 작동하지 않습니다.
<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 크롬에는 콘솔에 오류가 없습니다. 이 플러그인이 다른 양식에서도 올바르게 작동하는 것이 중요합니다.
나는 어떤 조언도 기뻐할 것입니다.
동일한 플러그인 버전 1.6.0을 사용 중이며 Chrome에서 작동하지 않았습니다. 저에게는 jQuery의 구버전이 원인이었습니다. 따라서 아무도이 질문을 발견하고 아래의 답변이 작동하지 않으면 jQuery를 업그레이드하십시오. – Nick