在 MVC 应用程序中使用 jQuery 日期选择器答案

【问题标题】：Using jQuery Date Picker in MVC application在 MVC 应用程序中使用 jQuery 日期选择器
【发布时间】：2017-09-07 20:54:12
【问题描述】：

所以我试图让我的日期输入字段使用 jQuery 日期选择器。我在视图中添加了以下脚本代码：

@section Scripts {

@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/cssjqryUi")

<script type="text/javascript">

 $(document).ready(function () {
     $('input[type=datetime]').datepicker({
         dateFormat: "dd/M/yy",
         changeMonth: true,
         changeYear: true,
         yearRange: "-60:+0"
     });

});
</script>

}

但是实际运行中的日期选择器的格式似乎是错误的 - 我将如何解决这个问题？

应该补充一下，我现在已经修改它以指向正确的文件，但我仍然遇到同样的问题

当我'查看页面源'时出现以下内容

<script src="/Scripts/jquery-1.12.4.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="/Scripts/jquery-ui-1.12.1.js"></script>
<link href="/Scripts/jquery-ui-1.12.1" rel="stylesheet"/>
<script type="text/javascript">
 $(document).ready(function () {
     $('input[type=datetime]').datepicker({
         dateFormat: "dd/M/yy",
         changeMonth: true,
         changeYear: true,
         yearRange: "-60:+0"
     });
 });
</script>

【问题讨论】：

你能展示一下~/Content/cssjqryUi bundle 里面的内容吗？
看起来它没有加载（正确的）jquery ui css - 查看呈现的 HTML（浏览器、打开页面、查看源代码）并检查是否正在加载正确的 css（也使用浏览器网络选项卡) 查看是否有任何 404。
这个文件实际上并不存在。我添加的 jQuery 文件在 Scripts/jquery-ui-1.12.1
应该补充一下，我现在已经修改它以指向正确的文件，但我仍然遇到同样的问题
样式表看起来不正确：<link href="/Scripts/jquery-ui-1.12.1" - 它可能至少以.css 结尾。（我似乎记得 jquery-ui 将其 css 与 js 放在一起，所以可能在 /Scripts 而不是 /Content。

标签： c# jquery asp.net-mvc

【解决方案1】：

我遇到了同样的问题，但只是在将我的应用程序发布到生产环境之后。

查看开发者工具中的网络选项卡，刷新页面时很可能会看到错误 404 或 403。

该问题与 ASP.Net MVC 执行的 jQuery UI CSS 捆绑和缩小有关。当应用程序被执行时，它被拒绝访问捆绑/缩小的 CSS。

我的解决方案是明确允许 IUSR 用户帐户在 Web 应用程序文件夹上“读取”、“读取和执行”、“列出文件夹内容权限”（在一些 SO 帖子中，人们提到 IIS_IUSRS 组也应该具有相同的访问权限但对我来说，它已经继承自 WWWROOT 文件夹）。

【讨论】：