如何在MVC3 aspx視圖引擎中使用jquery創建日曆控件

Question

我正在開發一個ASP.Net MVC3項目。我目前正在開發一個有一個日期字段的頁面，我想使用日期時間jQuery選取器控件。

Answer 1

如何使用datepicker下載jQuery UI下載？

Answer 2

如果您想制定一個持久的解決方案，那麼您可以通過多種方式來完成此操作。一個我喜歡（和顯示在Pluralsight）：

的日期時間數據類型創建一個編輯器模板（〜/查看/共享/編輯模板）：

@model System.DateTime 

@Html.TextBox("", ViewData.TemplateInfo.FormattedModelValue, new { data_datepicker = true }) 

然後在查看/佈局運行以下線之前已經叫了jQuery和jQuery UI：

$(document).ready(function() { 
    $(":input[data-datepicker]").datepicker(); 
}) 

這種方法的好處，意味着每次您在網頁上的日期時間字段時，它會「只是工作」爲線jQuery查找頁面上具有「data-datepicker」屬性的所有輸入元素添加到它們中（只要它們在編輯器中匹配並且與jQuery連接起來，就可以創建數據屬性）。