好吧,这是一个较老的问题,但我自己在使用 datepicker 时遇到了一些问题,花了我大约 3 个小时的时间研究,直到找到答案……这仅适用于像我这样在挖掘时最终会遇到这个问题的人答案... *
Jquery UI 已经包含在 .net mvc4 中,就像 datepicker 一样,它在包中。您只需通过将其添加到您的布局来调用它(在头部)
@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/themes/base/css", "~/Content/css")
另外,请确保您的主体底部没有另一个脚本渲染,因为默认情况下设置了 jquery 捆绑包(至少它是在默认项目中为我服务的),并且当我使用它时会导致 datepicker 出现错误.
<input id="mydate" name="mydate" class="datepicker" type="text" value="@Model.mydate.Value.ToString("dddd, dd MMMM yyyy")" />
其中 mydate 是您将在 viewModel 中设置的参数的名称,所述参数是 DateTime 对象(或 DateTimeOffSet )(.Value 仅当您将日期设置为可为空时,否则没有必要)
在视图底部之后,创建一个 jquery 部分:
@section scripts{
<script>
$(".datepicker").datepicker({ dateFormat: "DD, d MM yy", altFormat: "yy-mm-dd" });
</script>
}
(dateformat 和 altformat 是可选的,给它们你想要的值或者根本不使用它们)
至于日期数组...我会使用一个视图模型,它将包含您的数组作为参数,并在您的视图和控制器之间传递这个视图模型。之后定义一个编辑器模板,它应该非常简单地构建一个带有日期的表格。