【问题标题】:i still having problems with Jquery-ui with MVC 4我仍然在使用 MVC 4 的 Jquery-ui 时遇到问题
【发布时间】:2014-04-05 15:53:26
【问题描述】:

自从几天以来我一直在尝试解决 Jquery-ui 的问题,我使用 Visual 2010 和 MVC 4,我更正了包和布局以呈现脚本和 CSS,这里是我的代码:

@{
ViewBag.Title = "About";
}
<link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>

<hgroup class="title">
<h1>@ViewBag.Title.</h1>
<h2>@ViewBag.Message</h2>
</hgroup>

<article>

<div>
<label for="date">Select a date:</label> <div id="mydate"> <        @Html.JQueryUI().Datepicker("mydate") </div>
</div>
</article>

<aside>
<h3>Aside Title</h3>
<p>
    Use this area to provide additional information.
</p>
<ul>
    <li>@Html.ActionLink("Home", "Index", "Home")</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
 </ul>
 </aside>

这是来自 Chrome 的源代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>About - My ASP.NET MVC Application</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />

    <script src="/Scripts/jquery-1.7.1.js"></script>

    <script src="/Scripts/jquery-ui-1.10.0.js"></script>

    <link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>

    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.5.3.js"></script>

</head>
<body>
    <header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title"><a href="/">your logo here</a></p>
            </div>
            <div class="float-right">
                <section id="login">
                        <ul>
    <li><a href="/Account/Register" id="registerLink">Register</a></li>
    <li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>

                </section>
                <nav>
                    <ul id="menu">
                        <li><a href="/">Home</a></li>
                        <li><a href="/Home/About">About</a></li>
                        <li><a href="/Home/Contact">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="body">

        <section class="content-wrapper main-content clear-fix">

   <link href="/Content/themes/base/jquery.ui.datepicker.css" rel="stylesheet"/>

  <hgroup class="title">
<h1>About.</h1>
<h2>Your app description page.</h2>
</hgroup>

<article>

<div>
<label for="date">Select a date:</label> <div id="mydate"> < <input data-jqui-dpicker-   dateformat="dd/mm/yy" data-jqui-type="datepicker" id="mydate" name="mydate" type="text"    value="" /> </div>
 </div>
 </article>

 <aside>
 <h3>Aside Title</h3>
 <p>
    Use this area to provide additional information.
 </p>
 <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/Home/About">About</a></li>
    <li><a href="/Home/Contact">Contact</a></li>
</ul>
</aside>
        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; 2014 - My ASP.NET MVC Application</p>
            </div>
        </div>
    </footer>



</body>
</html>

【问题讨论】:

    标签: visual-studio-2010 jquery-ui asp.net-mvc-4 datepicker


    【解决方案1】:

    已解决 我误解了它通过添加一些javascript来解决它的方式

    【讨论】:

      猜你喜欢
      • 2011-02-02
      • 1970-01-01
      • 1970-01-01
      • 2023-03-14
      • 2015-04-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-18
      相关资源
      最近更新 更多