MVC4 DataType.Date EditorFor won’t display date value in Chrome, fine in Internet Explorer

by

When you decorate a model property with [DataType(DataType.Date)] the default template in ASP.NET MVC 4 generates an input field of type="date":

<input class="text-box single-line" 
       data-val="true" 
       data-val-date="The field EstPurchaseDate must be a date."
       id="EstPurchaseDate" 
       name="EstPurchaseDate" 
       type="date" value="9/28/2012" />

Browsers that support HTML5 such Google Chrome render this input field with a date picker.

In order to correctly display the date, the value must be formatted as 2012-09-28. Quote from the specification:

value: A valid full-date as defined in [RFC 3339], with the additional
qualification that the year component is four or more digits
representing a number greater than 0.

You could enforce this format using the DisplayFormat attribute:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public Nullable<System.DateTime> EstPurchaseDate { get; set; }

More Related Contents:

  1. How to add Web API to an existing ASP.NET MVC 4 Web Application project?
  2. Can we pass model as a parameter in RedirectToAction?
  3. Adding another “Pet” to a Model Form
  4. How can I specify an explicit ScriptBundle include order?
  5. Why is Model Binding not working in my POST action method?
  6. Razor View throwing “The name ‘model’ does not exist in the current context”
  7. Redirect from asp.net web api post action
  8. Why is my CSS bundling not working with a bin deployed MVC4 app?
  9. Display DateTime value in dd/mm/yyyy format in Asp.NET MVC
  10. Html5 Placeholders with .NET MVC 3 Razor EditorFor extension?
  11. ASP.NET MVC 4 intercept all incoming requests
  12. How can I pass parameters to a partial view in mvc 4
  13. ASP.NET MVC framework 4.5 CSS bundle does not work on the hosting
  14. Is there any good reason to use FormCollection instead of ViewModel?
  15. How to link HTML5 form action to Controller ActionResult method in ASP.NET MVC 4
  16. asp.net mvc keep object alive, information
  17. WebAPI Delete not working – 405 Method Not Allowed
  18. Why is DisplayFormat DataFormatString not working?
  19. MVC4 enum and radio button list
  20. MVC4 Scaffolding Add Controller gives error “Unable to retrieve metadata…”
  21. How to create two footer rows in jqgrid
  22. Calling another different view from the controller using ASP.NET MVC 4
  23. How do I create a MVC Razor template for DisplayFor()
  24. MVC 4 ignores DefaultModelBinder.ResourceClassKey
  25. MVC 4 how to validate a non-US date with client validation?
  26. show only the date in @Html.EditorFor helper
  27. ASP.NET MVC: RedirectToAction with parameters to POST Action
  28. Include all files in a folder in a single bundle
  29. Should I use AsyncController at ASP.NET MVC 4?
  30. Routing with and without controller name in ASP.NET MVC 4

Leave a Comment