我使用一个Jquery插件Bootstrap Datepicker。它在Firefox中工作正常。此外,它还可以在我的Google Chrome浏览器网站(版本33.0.1750.117 m)的某些页面上运行。但是,只有一个文本输入(名称=“ 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浏览器中的控制台没有错误。重要的是,此插件可以在其他形式上正常工作。
我很乐意提供任何建议。
我修复了一个错误。这篇文章对我有所帮助。我在插件代码中更改了这一行(+10-> +1151):
var zIndex = parseInt(this.element.parents().filter(function() {
return $(this).css('z-index') != 'auto';
}).first().css('z-index'))+1151;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句