ASP.NET MVC 4：本地不同的外观与部署到Azure

Question

我使用jQuery日期选择器来编辑ASP.NET MVC 4应用程序中的DateTime值 它在本地运行时按预期工作 部署到Azure时，看起来缺少.css。

在下图中，左侧是本地行为，右侧是Azure行为。

任何关于出了什么问题以及如何解决问题的想法都会受到赞赏....

我有一个DateTime数据类型的EditorTemplate：
@model DateTime
@Html.TextBox("", Model.ToString("MM/dd/yyyy"), new { @class = "date" })

连接datepicker的javascript：
/// <reference path="jquery-1.10.2.js" />
/// <reference path="jquery-ui.js" />
$(document).ready(function () {
function getDateYymmdd(value) {
if (value == null)
return null;
return $.datepicker.parseDate("yy/mm/dd", value);
}
$('.date').each(function () {
var minDate = getDateYymmdd($(this).data("val-rangedate-min"));
var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
$(this).datepicker({
dateFormat: "mm/dd/yy",
minDate: minDate,
maxDate: maxDate
});
});
});

在Edit.cshtml中：
@section Scripts {
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/Scripts/EditorHookup.js")
}

更新
I：\工作\ APP
---内容
------主题
---------基础 ------------图像
------------缩小

jquery * .css文件位于App \ Content \ themes \ base中 当我将它们复制到App \ Content时，datepicker可以工作。

捆绑代码：

bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/themes/base/jquery.ui.all.css",
"~/Content/bootstrap.css",
"~/Content/site.css"));

Answer 1

你缺少一个用于jqueryUI的CSS，请确保CSS的路径是正确的，如果它看起来像是Bundle的一部分，请确保你在包中引用了正确的版本

Answer 2

我不知道你是如何定义捆绑包的，但如果你有两个定义，请说：

            bundles.Add(new StyleBundle("~/Styles/css").Include(
            "~/Content/bootstrap.css",
            "~/Content/site.css"));

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/jquery.ui.all.css",
            "~/Content/themes/base/jquery.ui.core.css",  
            "~/Content/themes/base/jquery.ui.theme.css",
            "~/Content/themes/base/jquery.ui.datepicker.css"));

然后在布局中你必须渲染它们，并尝试将代码移到_Layout

的顶部

    <title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Styles/css", "~/Content/themes/base/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")

此代码运行正常，您可以正确查看日期选择器，如果您缺少任何引用，请查看捆绑代码。我使用相同的文件夹结构 此致