如何在MVC3 aspx视图引擎中使用jquery创建Calendar控件

Question

I am working on an ASP.Net MVC3 project. I am currently developing a page that has one date field and I want to use the date time jQuery picker control.

Answer 1

只用datepicker编写jQuery UI下载如何？

Answer 2

If you want to make a lasting solution, then there are a number of ways you can go about doing this. The one I prefer (and is shown on Pluralsight):

Create an Editor Template for the date time data type (~/View/Shared/Editor Templates):

@model System.DateTime

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

Then in the View/Layout have the jQuery and jQuery UI called before running the following wire up:

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

The benefit of this approach, means that every time you have a Date Time field on the page, it will 'just work' as the wire up jQuery finds all the input elments on the page that have the "data-datepicker" attribute added to them (you can make the data- attribute whatever you like so long as they match in the editor and the wire up jQuery).