2012-08-25 55 views
0

我嘗試過下面的文檔和MVC控件工具包的例子來創建DatePicker,但我無法讓它工作。MVC控件工具包帶剃刀的DatePicker不渲染日曆

我想知道是否有人可以指出我在做什麼錯嗎?或者提供一個代碼示例? 我使用剃刀刮我的實現與MVC3ControlsToolkit.dll ...

@Html.DateTimeFor(model => model.Date, DateTime.Now); 

我已經更新了我的代碼下面的一個,我得到一個空的文本框,但如果我點擊沒有日曆彈出文本框。雖然我讀了幾次,但文檔並不清楚。在文檔之後,我創建了對MVC3ControlsToolkit.dll,MVCControlToolkit.Controls.Core-2.2.0.js和MVCControlToolkit.Controls.Datetime-2.2.0.js的引用。

我想用數據庫中的日期得到一個填充文本框(這在普通文本框中,但不是日曆控件!),當我點擊文本框時,我想要顯示日曆控件。當我從日曆中選擇日期時,所選日期將被寫入文本框並且日曆將關閉。

@{ var DT = @Html.DateTimeFor(model => model.Date, DateTime.Now, dateInCalendar: true); } 
     @DT.DateCalendar(
        inLine: false, 
        calendarOptions: new CalendarOptions 
        { 
         ChangeYear = true, 
         ChangeMonth = true, 

        }) 

回答

1

DateTimeFor返回可用於數據和時間的對象。

@Html.DateTimeFor(model => model.Date, DateTime.Now).Date() 

應該工作。

@{ 
var DT = @Html.DateTimeFor(model => model.Date, DateTime.Now, dateInCalendar: true); 
} 

然後: 或

@{ 
var DTS=Html.DateTimeFor(model => model.Date, DateTime.Now); 
} 

如果你想有一個日期選擇器然後把無論你用@ DTS.Date(如日期和時間),@ DTS.Time()

@DT.DateCalendar(
inLine: false, 
calendarOptions: new CalendarOptions{ 
ChangeYear = true, 
ChangeMonth = true, 
}); 

有關更多詳細信息,請參閱examples in the documentation