Date Picker in MVC ASP.NET

Question

I want to use Data Picker for a datatime field in my MVC-Form

I am using the Following code to get the Data time value,

[Required(ErrorMessage="Please enter the Absence Start Date")] [StringLength(20,ErrorMessage="The Format must not exceed 50 Characaters")] [DataType(DataType.DateTime )] [Display(Name="Absence Start Date")] public DateTime AbsenceStartDate{get;set;}

But I want to have datapicker controls beside the textbox. How could I do that?

Any help

Thank you

StuperUser · Accepted Answer · 2011-05-16 13:08:38Z

1

A good client-side datepicker is provided in the jQuery UI library: http://jqueryui.com/demos/datepicker/

answered May 16, 2011 at 13:08

StuperUser

10.9k14 gold badges85 silver badges143 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

archil · Accepted Answer · 2011-05-16 13:09:08Z

You may use jQuery UI datepicker with DateTime editor template in asp.net mvc. Take a look at Sample. Actually, you SHOULD use editor-template

Mayo · Accepted Answer · 2011-05-16 13:09:13Z

I would use a client-side date picker. There are plenty available for jQuery. Then you use ASP.NET MVC to validate the input as text in the form of a date..

Ashraf Alam · Accepted Answer · 2012-02-17 22:16:39Z

You can create an extension method as below:

 public static MvcHtmlString CalenderTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression) { return htmlHelper.TextBoxFor(expression, "{0:M/dd/yyyy}", new { @class = "datepicker text" }); }

Then use in view as below:

@Html.CalenderTextBoxFor(model => model.Employee.HireDate)

Collectives™ on Stack Overflow

Date Picker in MVC ASP.NET

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related