У меня есть проект ASP.net MVC4, в котором средства выбора даты начальной загрузки недавно перестали работать, как предполагалось в Chrome, они отлично работают в IE.
Это изображение показывает проблему, с которой я столкнулся.
Мой bundleconfig выглядит следующим образом:
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-1.12.4.js",
"~/Scripts/jquery-ui-1.12.1.js"
)
);
bundles.Add(new ScriptBundle("~/bundles/createTimeRequest").Include(
"~/Scripts/createTimeRequest.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*"));
bundles.Add(new ScriptBundle("~/bundles/moment").Include(
"~/Scripts/moment.js"));
bundles.Add(new ScriptBundle("~/bundles/Calendar").Include(
"~/Scripts/fullcalendar.js"));
// Use the development version of Modernizr to develop with and learn from. Then, when you're
// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/bootstrap.js",
"~/Scripts/jquery.dataTables.js",
"~/Scripts/dataTables.jqueryui.js",
"~/Scripts/dataTables.foundation.js",
"~/Scripts/dataTables.bootstrap.js",
"~/Scripts/dataTables.buttons.min.js",
"~/Scripts/bootstrap-datepicker.js",
"~/Scripts/buttons.print.min.js",
"~/Scripts/respond.js"));
bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/themes/base/jquery.ui.all.css",
"~/Content/themes/base/jquery.ui.base.css",
"~/Content/themes/base/jquery.ui.theme.css",
"~/Content/dataTables.bootstrap.css",
"~/Content/jquery.dataTables.css",
"~/Content/dataTables.foundation.css",
"~/Content/dataTables.jqueryui.css",
"~/Content/bootstrap.css",
"~/Content/bootstrap-datepicker.css",
// "~/Content/themes/base/datepicker.css",
"~/Content/fullcalendar.css",
"~/Content/site.css",
"~/Content/buttons.dataTables.min.css"
));
Файл javascript, который указывает поле ввода как средство выбора даты через ссылку на класс, выглядит какследует:
var year = (new Date).getFullYear();
$(function () {
$('.datepicker').datepicker({
orientation: "right",
startDate: new Date(year, 0, 1),
//endDate: new Date(year, 11, 31)
});
$('.dpManager').datepicker({
orientation: "right",
endDate: '+365d'
});
})
И синтаксис бритвы в представлении выглядит следующим образом:
<div class="col-md-4"><label>Select company: </label>@Html.ListBox("Company", (MultiSelectList)ViewBag.Company, new { @class = "form-control", size = 9 })</div>
<div class="col-md-4">
@Html.Label("Start Date:")
@Html.Editor("sDateTime", new { htmlAttributes = new { @class = "dpManager form-control" } })
</div>
<div class="col-md-4">
@Html.Label("End Date:")
@Html.Editor("eDateTime", new { htmlAttributes = new { @class = "dpManager form-control" } })
</div>
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/createTimeRequest")
}
<script>
if (!$("#sDateTime").val() || !$("#sDateTime").val()) {
$('#btnSubmit').prop("disabled", true);
}
</script>
Это мой файл макета:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
........
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
Это только что произошлонеделю, возможно, хром выкатил новое обновление?Вы можете видеть, что указатель даты отображается, но сохраненный ввод имеет приоритет по любой причине.Я попытался обновить свой jquery & jquery ui.Единственное, что я еще не пробовал, это обновить загрузчик.Не уверен, хочу ли я попробовать это и сломать другие вещи.
Любая помощь очень ценится.