Привет, У меня возникла проблема с панелью кнопок в jQuery Datepicker. Я использую выбора даты в JQGrid и верхняя часть DatePicker правильно не отображаетсяВерхняя часть jquery datepicker отображается неправильно
Если кнопка панели отображается правильно, я не волнует, что это есть, но его нет. Мой код явно устанавливает его в false, поэтому он не должен быть видимым.
{
name: 'ExpirationDate', index: 'ExpirationDate', editable: true, editrules: { required: true }, editoptions: {
dataInit: function (el) {
$(el).datepicker({
showButtonPanel: false,
dateFormat: "dd-mm-yy",
changeYear: true,
changeMonth: true,
minDate: '+2D'
});
}
}
},
Заранее спасибо.
UPDATE Чем больше я смотрю на эту проблему он смотрит, как это проблема CSS, но я не могу видеть, какие файлы отсутствуют. Я использую MVC4 и мои скрипты сгруппированы следующим образом
using System.Web.Optimization;
public static class BundleConfig
{
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new StyleBundle("~/content/css/MasterCss")
.Include("~/content/bootstrap.css")
.Include("~/content/bootstrap-responsive.css")
.Include("~/content/css/site.css"));
bundles.Add(new StyleBundle("~/content/jquery.jqGrid/jqgridcss")
.Include("~/content/jquery.jqGrid/ui.jqgrid.css"));
bundles.Add(new StyleBundle("~/content/themes/base/jqueryuicss")
.Include("~/content/themes/base/jquery.ui.theme.css")
.Include("~/content/themes/base/jquery.ui.css"));
bundles.Add(new ScriptBundle("~/Scripts/MasterScripts")
.Include("~/Scripts/jquery-{version}.js")
.Include("~/Scripts/jquery-ui-{version}.js")
.Include("~/Scripts/i18n/grid.locale-en.js")
.Include("~/Scripts/jquery.jqGrid.js")
.Include("~/Scripts/bootstrap.js"));
bundles.Add(new ScriptBundle("~/Scripts/Validation")
.Include("~/Scripts/jquery.validate.js")
.Include("~/Scripts/jquery.validate.unobtrusive.js")
.Include("~/Scripts/App/referencedata.validation.js"));
bundles.Add(new ScriptBundle("~/Scripts/Index")
.Include("~/Scripts/App/splash.js"));
}
}
и пучки называются в следующем макете
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - ReferenceDataManagement </title>
@Styles.Render("~/content/css/MasterCss")
@Styles.Render("~/content/jquery.jqGrid/jqgridcss")
@Styles.Render("~/content/themes/base/jqueryuicss")
</head>
<body>
<div class="container" style="max-width: 100% ;min-width: 1235px">
<div class="row"> @RenderPage("~/Views/Shared/_Header.cshtml") </div>
<div class="row"> @RenderPage("~/Views/Shared/_menu.cshtml") </div>
<div class="row"> @RenderBody() </div>
<div class="row"> @RenderPage("~/Views/Shared/_Footer.cshtml") </div>
</div>
@Scripts.Render("~/Scripts/MasterScripts")
@RenderSection("scriptholder", false)
@MiniProfiler.RenderIncludes(RenderPosition.Right, false, false, 15, true)
</body>
</html>
HTML-вывода, где скрипты генерируются, когда код RAN является
<script src="/Scripts/jquery-1.9.1.js"></script>
<script src="/Scripts/jquery-ui-1.10.1.js"></script>
<script src="/Scripts/i18n/grid.locale-en.js"></script>
<script src="/Scripts/jquery.jqGrid.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/App/CodeListGrid.js" type="text/javascript"></script>
<script async type="text/javascript" id="mini-profiler" src="/mini-profiler-resources/includes.js?v=xwYPDDH1blvqmxgsBweNC++H7CFU3KGQ+zFcVlJPsXw=" data-version="xwYPDDH1blvqmxgsBweNC++H7CFU3KGQ+zFcVlJPsXw=" data-path="/mini-profiler-resources/" data-current-id="e19ebd5a-9b81-40f9-993a-545cd8dfc3ce" data-ids="e19ebd5a-9b81-40f9-993a-545cd8dfc3ce" data-position="right" data-trivial="false" data-children="false" data-max-traces="15" data-controls="true" data-authorized="true" data-toggle-shortcut="Alt+P" data-start-hidden="false"></script>
Этот код непосредственно перед тегом. От взгляда на примеры datepicker моя должна выглядеть намного опрятно и быть меньше. Я проверил свой пользовательский css, удалив его, и у меня все еще была такая же ошибка, поэтому я оставил его вне этого сообщения.
Установите jsfiddler для решения проблемы. – Amit
сделать скрипку демо plz. –