Question

我正在使用MVC 5并尝试获取文本框的日历扩展名以及使用jquery的模式popip。下面是我的代码。我无法获得弹出窗口和日历扩展名。请帮忙。

_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>

直接显示对话框代码，甚至无需单击按钮。

*编辑快照

jQuery弹出对话框和日历在MVC 5中不起作用

0 个答案: