2011-11-01 56 views
0

我正在与ASP MVC4 jQuery的日历。我对此很陌生。我有我的jQuery日历构建,以便它突出显示我通过数组传递的特定日期。但现在的问题是,我有一个数据库表,我进入了Model,然后用它来检索基于控制器中'ID'的信息并返回到VIEW。现在我可以以表格形式从数据库获取日期,但我想知道,我如何将这些特定日期传递给VIEW中的一个JQUERY CALENDAR数组。ASP MVC4 jQuery的日历

此外,我进口包: 与核心和datepicker功能。

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

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

+1

请张贴一些代码,特别是如何初始化日期选择器 –

回答

1

好,那是一个老问题,但我有一对夫妇的问题,我自己用日期选择和我花了大约3小时,直到研究我找到了答案......这仅仅是对像我永世谁愿意结束在此寻找答案... *

jquery UI已包含在.net mvc4中,就像datepicker一样,它在包中。您只需通过添加以下内容到版式调用它(head部分)

@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是你在你的视图模型所设定的参数的名字,说参数是一个DateTime对象(或DATETIMEOFFSET)(该.value的是只有在你设置日期为空,其没有必要以其他方式)

您视图的底部后,创建一个jQuery部分:

@section scripts{ 
<script> 

$(".datepicker").datepicker({ dateFormat: "DD, d MM yy", altFormat: "yy-mm-dd" }); 

</script> 
} 

(日期格式和altformat是可选的,给他们想要的值或不使用它们全部)

至于数组的日期...我会使用一个视图模型,它将包含您的数组作为参数,并通过此视图模型之间的视图和您的控制器。之后定义一个Editor模板,并且它应该非常直接地用来创建一个表格。