2011-11-01 70 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模板,並且它應該非常直接地用來創建一個表格。