在剃刀非常基本的jQuery日期选择器(Very basic jquery datepicker i

2019-10-17 06:50发布

我在Visual Studio 2010中MVC4剃刀微软模板。 我从网上下载的jQuery网站jquery的“工具包”,当我打通的index.html它的工作原理。 然而,当我改变我的剃须刀项目看起来像jQuery的下载(将所有的JS文件,图像和进入正确的地方css文件),并添加以下代码(HTML中的情况下,它的工作原理)

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>jQuery UI Example Page</title>
    <link type="text/css" href="~/Content/ui-lightness/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery-ui-1.8.24.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {

            // Datepicker
            $('#datepicker').datepicker({
                inline: true
            });

        });
    </script>

</head>
<body>


    <!-- Datepicker -->
    <h2 class="demoHeaders">Datepicker</h2>
    <div id="datepicker"></div>


</body>

什么也不显示的页面预期文本日期选择器上。 我经历的一切看起来和别的什么都不似乎做的伎俩。 有什么建议么?

Answer 1:

检查网络控制台在浏览器中,我敢打赌,它越来越404错误,当它试图加载CSS和JS文件。 正因为如此,它不适风格日历,甚至JS有它开始和所有隐藏的。 尝试引用它们是这样的:

<link type="text/css" href='@Url.Content("~/Content/ui-lightness/jquery-ui-1.8.24.custom.css")' rel="stylesheet" />
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery-1.8.2.min.js")'></script>
<script type="text/javascript" src='@Url.Content("~/Scripts/jquery-ui-1.8.24.custom.min.js")'></script>

使用Url.Content会正确解决您的网址。



文章来源: Very basic jquery datepicker in Razor