Navigation

	Home Page
	Index
	All Pages

Quick Search
Advanced Search »

Contributor Links

	Create a new Page
	Administration
	File Management
	Login/Logout
	Your Profile

Other Wiki Sections

Software

DatePicker Editor Template - ASP.NET MVC

Usage¶

Within a Razor view for a model with a DateTime property

@Html.EditorFor(m => m.MyDateTimeProperty, "DatePicker")

Reusable Code¶

Razor Markup¶

Create a Razor view called "DatePicker.cshtml" within your /Views/Shared/EditorTemplates folder

@model System.DateTime
@{
    ViewData["class"] = ViewData["class"] + " datepicker";
}
@Html.TextBoxFor(m => m, "{0:MM/dd/yyyy}", ViewData)

JavaScript¶

This assumes you have jQuery UI loaded.

$('.datepicker').datepicker()