ASP.Net MVC DisplayFormat

Question

In my model I have the following DataAnnotations on one of my properties

[Required(ErrorMessage = "*")]
[DisplayFormat(DataFormatString = "{0:d}")]
[DataType(DataType.Date)]
public DateTime Birthdate { get; set; }

The required annotation works great, I added the other 2 to try and remove the time. It gets bound to an input in the view using

<%=Html.TextBoxFor(m => m.Birthdate, new { @class = "middle-input" })%>

However whenever the view loads I still get the time appearing in the input box. Is there anyway to remove this using DataAnnotations?

Take a look at... http://stackoverflow.com/questions/1961114/date-only-from-textboxfor and http://stackoverflow.com/questions/726433/datetime-object-in-asp-net-mvc — Jim L
– Jim L, Commented Jan 4, 2010 at 20:26

Brad Wilson · Accepted Answer · 2010-01-05 07:56:14Z

91

The [DisplayFormat] attribute is only used in EditorFor/DisplayFor, and not by the raw HTML APIs like TextBoxFor.

answered Jan 5, 2010 at 7:56

Brad Wilson

71.3k9 gold badges78 silver badges85 bronze badges

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

2 Comments

bjan Over a year ago

I am using MVC4 Razor syntax, the date field is rendered as @Html.EditorFor(m => m.IssueDate) and the formatting on the model is applied as [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}" )] but the date is still shown as 01/01/0001 12:00:00 AM

user610217 Over a year ago

@bjan Did you set the ApplyFormatInEditMode property?

Paul Johnson · Accepted Answer · 2012-04-30 09:36:00Z

29

As Brad said it dosn't work for TextBoxFor but you'll also need to remember to add the ApplyFormatInEditMode if you want it to work for EditorFor.

[DataType(DataType.Date), DisplayFormat( DataFormatString="{0:dd/MM/yy}", ApplyFormatInEditMode=true )]
public System.DateTime DateCreated { get; set; }

Then use

@Html.EditorFor(model => model.DateCreated)

answered Apr 30, 2012 at 9:36

Paul Johnson

1,4281 gold badge17 silver badges27 bronze badges

1 Comment

Piotr Kula Over a year ago

EditorFor threw me off. I had TextBoxFor - That worked for other formatting such as numbers or labels. +1

Tobias · Accepted Answer · 2014-02-27 14:14:46Z

8

My problem was to set some html attributes (jquery-datepicker), so EditorFor was no option for me.

Implementing a custom helper-methode solved my problem:

ModelClass with DateTime-Property:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy}", ApplyFormatInEditMode = true)]
public DateTime CustomDate{ get; set; }

View with ModelClass as Model:

@Html.TextBoxWithFormatFor(m => m.CustomDate, new Dictionary<string, object> { { "class", "datepicker" } })

Helper-Methode in static helper class:

public static class HtmlHelperExtension {
    public static MvcHtmlString TextBoxWithFormatFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, IDictionary<string, object> htmlAttributes) {
        ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
        return htmlHelper.TextBox(htmlHelper.ViewData.TemplateInfo.GetFullHtmlFieldName(metadata.PropertyName), string.Format(metadata.DisplayFormatString, metadata.Model), htmlAttributes);
    }
}

answered Feb 27, 2014 at 14:14

Tobias

2,9955 gold badges43 silver badges61 bronze badges

1 Comment

Greg Over a year ago

You could keep using EditorFor if you just create an Editor template for DateTime that does what you need it to do instead. Editor templates are nice because from the view you can request an Editor without having to know too much about what you're going to get, and you can change all the editors out for different controls at will by just changing the editor templates.

Collectives™ on Stack Overflow

ASP.Net MVC DisplayFormat

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related