0

我正在使用带有 ASP.Net MVC3 的 jQuery 日期时间选择器。出于某种原因，尽管显示了 datetimepicker，但样式表并没有正确呈现。

（我会发布一张照片，但我是新来的，所以我会描述它，因为我不能发布照片）

当我单击应该触发日期时间选择器的文本框时，就像为 jQuery 演示显示的默认示例一样，它会打开日历视图，但是缺少背景并且文本“prevnext”显示在月份和年份上方，所以它相对于它所在的表单的其余部分看起来是透明的。与这篇文章类似 - Jquery DateTimePicker not display with CSS但我什至没有得到蓝色背景。

这篇文章的答案：Jquery DateTimePicker not display with CSS是针对部分视图而不是完整视图，并且该解决方案对我没有帮助，所以我想知道完整视图是否有任何不同。

我在 Site.Master 中有以下代码：

<script src="<%: Url.Content("~/Content/themes/base/jquery-ui.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Content/themes/base/jquery.ui.datepicker.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Scripts/jquery-1.8.2.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.core.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.widget.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.ui.datePicker.js") %>" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $(".dp").datepicker({
        dateFormat: 'mm/dd/yy'
        });
    });
</script>

在我的内容页面（视图）中，控件声明如下：

    <asp:TextBox ID="txtBirthday" runat="server" class="dp" />

我还专门声明了另一个现有样式表来设置页面的布局：

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

最后，一个辅助视图控件来识别设置为日期时间选择器的文本框：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>



<%: Html.TextBox("",  String.Format("{0:yyyy-MM-dd}", Model.HasValue ? Model : DateTime.Today), new { @class = "dp"})%>

谁能帮我解释为什么 CSS 不呈现？

4

1 回答 1

0

这个：

<script src="<%: Url.Content("~/Content/themes/base/jquery-ui.css") %>" rel="stylesheet"></script>
<script src="<%: Url.Content("~/Content/themes/base/jquery.ui.datepicker.css") %>" rel="stylesheet"></script>

是完全不正确的。您需要在<link>标签中使用<head>标签来加载 CSS 文件：

<link rel="stylesheet" type="text/css" href="<%: Url.Content("~/content/themes/base/jquery-ui.css") %>" />
<link rel="stylesheet" type="text/css" href="<%: Url.Content("~/content/themes/base/jquery.ui.datepicker.css") %>" />

编辑：抱歉，没有注意到您正在使用 WebPages 视图引擎 - 我的示例是 Razor 语法。

于 2012-10-25T04:30:29.497 回答