Я использую MVC 5 и пытаюсь получить расширение календаря для текстового поля, а также модальное всплывающее окно, используя jquery. ниже мой код. Я не могу получить всплывающее окно и расширение календаря. пожалуйста, помогите.
Заголовок моего _Layout.cshtml
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.3.1.js" type="text/javascript"></script>
<script src="~/Scripts/jquery-ui-1.12.1.js" type="text/javascript"></script>
@*<script type="text/javascript">
$(function () {
$("#DateText").datepicker();
$("#popUp").dialog({
autoOpen: false
});
$("#openPopup").click(function () {
$("#popUp").dialog('open');
return false;
});
});
</script>*@
</head>
Код страницы моего просмотра
<input id="DateText" type="text" value="" name="BillDate" class="text-center TextBoxes" />
<button id="openPopup">Open</button>
<div id="popUp">
Modal trial
</div>
Код диалога отображается напрямую, даже без нажатия кнопки.
* Edit
снимок
