سلام دوستان خسته نباشید .
من در Modal از DatePicker استفاده میکنم . برای بار اول مشکلی نداره ولی برای بار دوم که DatePicker باز میشه دیگه بسته نمیشه و روی صفحه میمونه .
میدونم اسکریپت ها تداخل داره ولی نمیدونم راه حل چیه .
ممنون میشم کمک کنید .
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" charset="UTF-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="~/Skin/AdminLTE/dist/css/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.min.css" rel="stylesheet" />
@*<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>*@
@*<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>*@
<!-- Bootstrap 3.3.4 -->
<link rel="stylesheet" href="~/skin/AdminLTE/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="~/skin/AdminLTE/cdn/css/font-awesome.min.css">
<!-- Ionicons 2.0.0 -->
<link rel="stylesheet" href="~/skin/AdminLTE/cdn/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="~/skin/AdminLTE/dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="~/skin/AdminLTE/dist/css/AdminLTE-rtl.css">
<!-- AdminLTE skin. Choose a skin from the css/skin
folder instead of downloading all of them to reduce the load.
<link rel="stylesheet" href="/skin/AdminLTE/dist/css/skin/_all-skin.min.css">
<link rel="stylesheet" href="/skin/AdminLTE/dist/css/skin/skin-blue-light.css">
<!-- iCheck -->
<link rel="stylesheet" href="~/skin/AdminLTE/plugins/iCheck/flat/blue.css">
<!-- Morris chart -->
@*<link rel="stylesheet" href="/skin/AdminLTE/plugins/morris/morris.css">*@
<!-- jvectormap -->
@*<link rel="stylesheet" href="/skin/AdminLTE/plugins/jvectormap/jquery-jvectormap-1.2.2.css">*@
<!-- Date Picker -->
@*<link rel="stylesheet" href="/skin/AdminLTE/plugins/datepicker/datepicker3.css">*@
<!-- Daterange picker
<link rel="stylesheet" href="/skin/AdminLTE/plugins/daterangepicker/daterangepicker-bs3.css">-->
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="~/skin/AdminLTE/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet" href="~/skin/AdminLTE/dist/fonts/fonts-fa.css">
<link rel="stylesheet" href="~/skin/AdminLTE/dist/css/bootstrap-rtl.min.css">
</head>
<body>
<style>
/*body {
line-height: 10px;
font-family: Tahoma;
font-size:12px;
}*/
.form-horizontal .form-group {
margin-right: 0px;
margin-left: 0px;
}
.field-validation-error {
color: red;
}
.validation-summary-errors {
color: Red;
}
</style>
<div dir="rtl">
@RenderBody()
</div>
@*<script src="~/skin/AdminLTE/plugins/jQuery/jQuery-2.1.4.min.js"></script>*@
@*<script src="~/skin/AdminLTE/cdn/js/jquery-ui.min.js"></script>*@
<script src="~/Scripts/jquery-2.2.4.min.js"></script>
<script src="~/skin/AdminLTE/bootstrap/js/bootstrap.min.js"></script>
<script>$.noConflict();</script>
<script src="~/Skin/AdminLTE/dist/js/MdBootstrapPersianDateTimePicker/calendar.js"></script>
<script src="~/Skin/AdminLTE/dist/js/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.4 -->
<!-- Morris.js charts -->
<script src="~/skin/AdminLTE/cdn/js/raphael-min.js"></script>
@*<script src="/skin/AdminLTE/plugins/morris/morris.min.js"></script>*@
<!-- Sparkline -->
@*<script src="/skin/AdminLTE/plugins/sparkline/jquery.sparkline.min.js"></script>*@
<!-- jvectormap -->
@*<script src="/skin/AdminLTE/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>*@
@*<script src="/skin/AdminLTE/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>*@
<!-- jQuery Knob Chart -->
@*<script src="/skin/AdminLTE/plugins/knob/jquery.knob.js"></script>*@
<!-- daterangepicker -->
@*<script src="/skin/AdminLTE/cdn/js/moment.min.js"></script>*@
@*<script src="/skin/AdminLTE/plugins/daterangepicker/daterangepicker.js"></script>*@
<!-- datepicker -->
@*<script src="/skin/AdminLTE/plugins/datepicker/bootstrap-datepicker.js"></script>*@
<!-- Bootstrap WYSIHTML5 -->
@*<script src="/skin/AdminLTE/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>*@
<!-- Slimscroll -->
<!-- FastClick -->
<!-- AdminLTE App -->
@*<script src="~/skin/AdminLTE/dist/js/app.min.js"></script>*@
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
@*<script src="/skin/AdminLTE/dist/js/pages/dashboard.js"></script>*@
<!-- AdminLTE for demo purposes -->
@*<script src="/skin/AdminLTE/dist/js/demo.js"></script>*@
@*<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>*@
@RenderSection("scripts", false);
</body>
</html>
این ها هم کدهای Layout هستند
با فایرباگ چک کنید ببینید چه اروری داره ؟
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)
