0

我正在使用 jQuery datepicker 在 ASP.NET MVC 4 应用程序中编辑 DateTime 值。
它在本地运行时按预期工作。
部署到 Azure 时，似乎缺少 .css。

在下图中，本地行为在左侧，Azure 行为在右侧。 在此处输入图像描述

任何关于出了什么问题以及如何解决它的想法，将不胜感激......

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

连接日期选择器的 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:\work\App
--- 内容
------ 主题
--------- 基础
------------ 图像
-------- ---- 缩小

jquery*.css 文件位于 App\Content\themes\base 中。
当我将它们复制到 App\Content 时，日期选择器工作。

捆绑代码：

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

4

2 回答 2

0

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

            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")

此代码运行良好，您将正确看到日期选择器，如果您缺少任何参考，请查看捆绑代码。我正在使用相同的文件夹结构问候

于 2014-06-27T08:22:21.897 回答
0

您缺少 jqueryUI 的 CSS，请确保 CSS 的路径正确，并且如果它看起来像它的 Bundle 的一部分，请确保您在 bundle 中引用了正确的版本

于 2013-11-13T22:13:59.453 回答