ASP MVC4 jquery日历

时间:2011-11-01 20:27:44

标签: jquery-ui-datepicker asp.net-mvc-4

我正在使用ASP MVC4 jquery日历。我是新手。我已经构建了jquery日历,以便突出显示我通过数组传递的特定日期。但现在问题是,我在数据库中有一个数据表,我进入模型,然后用它根据控制器中的“ID”检索信息并返回到VIEW。现在我可以以表格的形式从数据库中获取日期,但我想知道,如何将这些特定日期传递给VIEW中的JQUERY CALENDAR数组。

我也导入包:  具有核心和日期选择功能。

但是当我点击下一个箭头或上一个箭头时,它不会显示下个月或前几个月。

如果您不理解我的问题,我可以发布代码。请帮助我,因为我已经花了超过15天的时间来理解这一点。

1 个答案:

答案 0 :(得分:1)

嗯,这是一个较老的问题,但我自己在使用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是可选的,给它们你想要的值或根本不使用它们)

对于日期数组...我使用了一个viewmodel,它将包含你的数组作为参数,并在你的视图和你的控制器之间传递这个viewmodel。之后定义一个编辑器模板,它应该非常简单,以构建一个包含日期的表。