안녕하세요 jQuery Datepicker의 버튼 패널에 문제가 있습니다. 나는 날짜있는 jqGrid에서 선택 도구와 버튼 패널이 제대로 내가 거기 있지만없는 것을 걱정하지 않을 표시하면 날짜 선택기의 상단이 제대로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'
});
}
}
},
미리 감사드립니다.
업데이트 이 문제는 CSS 문제인 것처럼 보이지만 더 이상 누락 된 파일은 볼 수 없습니다.
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 출력에 호출 될 때 나는 MVC4를 사용하고 있는데 내 스크립트가 번들로 제공됩니다<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
바이올린 데모 게임을 만드십시오. –