在MVC应用程序中使用jQuery Date Picker

Question

所以我想让我的日期输入字段使用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>

}

然而实际的日期选择器的格式化似乎是错误的 - 我将如何解决这个问题？

应该补充一点，我现在修改了这个以指向正确的文件，但我仍然遇到同样的问题

当我查看页面来源＆＃39;

时，会显示以下内容

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

Answer 1

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

查看开发人员工具中的网络标签，刷新页面时很可能会看到错误404或403.

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

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