ASP.NET MVC 3 Binding & Validating Date to html textbox control

Question

I have a SmallDateTime field in my Sql Server 2008 database to store users Birthdays.

On my 'Edit Profile' web page, I have a standard textbox which I want to bind the 'Birthday' date to (excluding the time as this is not required). At present I am binding to the textbox but it is rendering the full Date and Time.

In addition, when the user updates their profile, I want to be able to validate the Birthday textbox, ensuring that the value specified complies to dd/mm/yyyy, and any deviation from that is highlighted via my existing validation summary on the page.

How do I go about:

a) configuring the Birthday property in my ViewModel to display in dd/mm/yyyy format (excluding the time).

b) validate Birthday (based on dd/mm/yyyy format) when the user submits the form?

James · Accepted Answer · 2011-10-06 10:31:47Z

1

[DisplayFormat(DataFormatString="{0:dd/MM/yyyy}", ApplyFormatInEditMode=true)]
public DateTime DateOfBirth { get; set; }

This should give you the automatic formatting on the field (without you having to manually do it) and also the validation.

edited Oct 6, 2011 at 10:31

answered Oct 6, 2011 at 10:20

James

82.4k19 gold badges172 silver badges245 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:20:43Z

0

I usually use a string property paired with the DateTime object, something like

public string MyDateStr 
{
   get 
   {
       return MyDateDate == null ? "" : MyDateDate.ToShortDateString();
   }
   set
   {
      // Usually a tryParse for the string value
   }
}

I know that is not the canonical way, but up to now, is the fastest I've found.

HTH

M.

EDIT: for the validation stuff see this:other question on SO

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Oct 6, 2011 at 8:27

BigMike

6,8931 gold badge25 silver badges27 bronze badges

Comments

teebot · Accepted Answer · 2011-10-06 09:32:27Z

0

a) you can use .ToShortDateString to render your datetime without time. Format still depends on globalization defaults.

b) to validate, you could do it with Data Annotations on your model like this:

[DataType(DataType.DateTime, ErrorMessage = "Please enter a valid date in the format dd/mm/yyyy")]
public DateTime Birthday { get; set; }

edited Oct 6, 2011 at 9:32

answered Oct 6, 2011 at 8:28

teebot

1,1002 gold badges13 silver badges25 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 3 Binding & Validating Date to html textbox control

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related